成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

css的再深入6(更新中···)

Bowman_han / 438人閱讀

摘要:宋體雪碧圖宋體我們的宋體和宋體中有三個(gè)屬性可以向服務(wù)器發(fā)送請(qǐng)求,宋體。宋體類(lèi)型,客戶(hù)端和服務(wù)器之間的暗號(hào),根據(jù)拓展名而定。注內(nèi)容包含圖片和文字

  1. background-position ?雪碧圖

我們的htmlcss中有三個(gè)屬性可以向服務(wù)器發(fā)送請(qǐng)求,src href url。

  1. overflow

  (1)?hidden 超出就隱藏

  (2)?scroll ?出現(xiàn)滾動(dòng)條

  visibility:hidden; ?可見(jiàn)的 (消失但是占用位置)

  display:none;消失但不占用位置

為什么使用雪碧圖?

  因?yàn)槲覀兪褂醚┍虉D之后,本來(lái)需要多次請(qǐng)求的圖片,我們一次就請(qǐng)求過(guò)來(lái)了,然后使用background-position調(diào)位置,從而減少了該頁(yè)面向服務(wù)器請(qǐng)求的次數(shù),間接的優(yōu)化了該頁(yè)面的性能。

1.如何實(shí)現(xiàn)瀏覽器title中的小圖標(biāo)

  

  我們需要借鑒link標(biāo)簽

  link標(biāo)簽的標(biāo)簽屬性有哪些? rel type href

  rel 是當(dāng)前頁(yè)面和url之間的關(guān)系 ?rel=”stylesheet”?

  type 是資源文件的mime類(lèi)型 ?.html文件mime類(lèi)型是text/html 圖片的mime類(lèi)型

  image/jpg(png/gif) ?cssmime類(lèi)型是text/css jsmime類(lèi)型是text/javascript。

  mime類(lèi)型,客戶(hù)端和服務(wù)器之間的暗號(hào),根據(jù)拓展名而定。

  

  title中的小圖標(biāo)就出來(lái)了,href這里不能寫(xiě)成 ./?

?

2.meta 元信息標(biāo)簽

?

    分析里面的屬性

3.矢量圖標(biāo) http://www.iconfont.cn/

    阿里云矢量圖庫(kù)。

  轉(zhuǎn)義字符

    空格的字符?  

4.項(xiàng)目的完整目錄

?

5.? textarea{

    resize:?none;

}

這個(gè)屬性不讓文本域被人為拉伸

6.table{

?border-collapse:?collapse;

}

這個(gè)屬性讓表格的邊框變細(xì)

?7.font的簡(jiǎn)寫(xiě)

  

8.清除浮動(dòng)的兼容性

?  

  清除浮動(dòng)在低版本瀏覽器不行,需要處理兼容性:

  加一個(gè).clearfix{*zoom:1;}

9.cursor 光標(biāo)屬性值有

  pointer 抓手  指針 wait help

10.  rgb()顏色的表示方法值是0-255background:rgb(12,15,16);

    opacity表示透明度 值是0-1;

    

  rgba() rred 0-255 ggreen 值是0-255 bblue值是0-255 aopacity值是0-1

  但是ie低版本不支持

    

  rgbopacity ?rgba的區(qū)別?

    前者的內(nèi)容也跟著透明,后者的內(nèi)容不跟著透明。(注:內(nèi)容包含圖片和文字)

    

?

    

?

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/1712.html

相關(guān)文章

  • CSS的再一次深入更新···)

    全面我們學(xué)了6個(gè)選擇器,今天再來(lái)學(xué)習(xí)兩個(gè)選擇器,分別是通配符選擇器和并集選擇器: 1.通配符選擇器:   *{ } 表示body里所有的標(biāo)簽都被選中 2.并集選擇器: 選中的標(biāo)簽之間用逗號(hào)隔開(kāi),表示這幾個(gè)標(biāo)簽都被選中 *選擇器 有好處也有弊端 好處 就是省事,弊端,就是因?yàn)樘∈铝?,加大了瀏覽器的負(fù)荷。 解決辦法 ?按需選擇。 再來(lái)學(xué)習(xí)幾個(gè)列表標(biāo)簽 1.無(wú)序列表? ul ? (1)內(nèi)部必須有子標(biāo)...

    Jackwoo 評(píng)論0 收藏0
  • css的再深入7(更新···)

    摘要:宋體可以繼承的屬性有哪些宋體系列宋體系列宋體的值的問(wèn)題宋體四個(gè)值的順序是宋體左上宋體右上宋體右下宋體左下。宋體在宋體下宋體為負(fù)讓元素居中,前提是知道元素的寬高。宋體如宋體正常狀態(tài)宋體宋體設(shè)值時(shí)1.transparent 透明的 2.placeholder 提示語(yǔ) 寫(xiě)頁(yè)面 搞清結(jié)構(gòu)層次, 保證模塊化,讓他們之間不能受到影響 (1)元素性質(zhì) (2)標(biāo)準(zhǔn)流 浮動(dòng)帶來(lái)的脫離文檔流撐不起父級(jí)的高度...

    番茄西紅柿 評(píng)論0 收藏0
  • css的再深入9(更新···)

    摘要:宋體二宋體瀏覽器瀏覽器和瀏覽器之間是由差距的,這個(gè)差距是由瀏覽器自身的內(nèi)核決定的。宋體每個(gè)瀏覽器都有自己的前綴,主要解決宋體中的兼容問(wèn)題。宋體是彈性子元素在彈性容器中所占的份數(shù)。一 單位 1.px 就是一個(gè)基本的單位 像素 2.em 也是一個(gè)單位 用父級(jí)元素的字體大小乘以em前面的數(shù)字。如果父級(jí)沒(méi)有就繼承上一個(gè)父級(jí)直到body,如果body沒(méi)有那就默認(rèn)是16px。 3.rem 也是一個(gè)單位,...

    yexiaobai 評(píng)論0 收藏0
  • css的再深入8(更新···)

    摘要:宋體去滾動(dòng)條的屬性宋體水平超出的隱藏。往往需要設(shè)置宋體為宋體滾動(dòng)標(biāo)簽他身上所具有的功能有標(biāo)簽屬性決定。1.去滾動(dòng)條的屬性 overflow:hidden;   overflow-x:hidden; 水平超出的隱藏。 2.z-index 層次疊加 元素重疊 誰(shuí)的值大誰(shuí)在上面   (1)?父級(jí)出現(xiàn)position:relative;時(shí)候z-index失效   (2)?層疊元素出現(xiàn)float的時(shí)候...

    chuyao 評(píng)論0 收藏0
  • CSS的再深入2(更新···)

    摘要:層疊行選不中的情況下,走繼承性。繼承性的權(quán)重為。選中情況下,首先需要考慮權(quán)重的問(wèn)題,誰(shuí)的權(quán)重大,就選誰(shuí)的樣式屬性。如果權(quán)重相同,因?yàn)楹笳邥?huì)覆蓋前者,所以誰(shuí)的樣式屬性在后面,就選擇誰(shuí)的樣式屬性。在上一章中,我們又引出了一個(gè)知識(shí)點(diǎn): margin的問(wèn)題 margin:0 auto;(上下為0,左右自適應(yīng))會(huì)解決元素的居中問(wèn)題(auto 自適應(yīng))前提是給這個(gè)元素設(shè)置width 同時(shí),我們又要學(xué)習(xí)新...

    enrecul101 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<