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

資訊專欄INFORMATION COLUMN

CSS單位【記錄】

lushan / 3556人閱讀

摘要：長度角度時間分辨率顏色函數(shù)生成內(nèi)容圖像數(shù)字長度數(shù)字和單位之間沒有空格，之后的長度單位是可選的相對長度單位相對于字體大小相對于小寫字母的高度，對于很多字體，相對于數(shù)字的寬度相對于根元素字體大小相對于視口的寬度，視口寬度的相對于視口的高度，視

?

1、長度

2、角度

3、時間

4、分辨率

5、顏色

6、函數(shù)

7、生成內(nèi)容

8、圖像

9、數(shù)字

?

1、長度

：數(shù)字和單位之間沒有空格，0之后的長度單位是可選的

相對長度單位

　　em：相對于字體大小

　　ex：相對于小寫字母"x"的高度，對于很多字體，1ex ≈ 0.5em

　　ch：相對于數(shù)字"0"的寬度 /* IE9+ */

　　rem：相對于根元素字體大小 /* IE9+ */

　　vw：相對于視口的寬度，視口寬度的1/100 /* IE9+ */

　　vh：相對于視口的高度，視口高度的1/100 /* IE9+ */

　　vmin：視口高度和寬度之間的最小值的1/100 /* IE9+ */

　　vmax：視口高度和寬度之間的最大值的1/100 /* IE不支持 */

絕對長度單位

　　cm、mm、1/4毫米（q）、英寸（in）、點（pt）、派卡（pc）、px

　　1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

?

2、角度

：在、transform的某些方法等場景中有所應(yīng)用 /* IE9+ */

度（degrees）：一個完整的圓是360deg

梯度（gradians）：一個完整的圓是400grad

弧度（radians）：一個完整的圓是2πrad

圈數(shù)（turns）：一個完整的圓是1turn

?

3、時間

1s = 1000ms

0是無效的，并不代表0s或0ms

?

4、分辨率

：用于媒體查詢，屏幕通常每英寸包含72或96個點，一般將2倍于此的屏幕稱之為高分屏

dpi：每英寸包含點的數(shù)量（dots per inch） /* IE9+ */

dpcm：每厘米包含點的數(shù)量（dots per centimeter） /* IE9+ */

dppx：每像素包含點的數(shù)量（dots per pixel） /* IE9+、Safari不支持、手機不支持 */

1dppx = 96dpi

1dpcm = 2.54dpi

0是無效的，并不代表0dpi、0dpcm或0dppx

?

5、顏色

：rgb()、hsl()、關(guān)鍵字

hex：#f00，十六進制記法

rgb：rgb(255, 0, 0)

rgba：rgba(255, 0, 0, 1)，IE8可使用IE濾鏡處理 /* IE9+ */

hsl：hsl(0, 100%, 50%)，色相-飽和度-明度 /* IE9+ */

hsla：hsl(0, 100%, 50%, 1) /* IE9+ */

關(guān)鍵字

　　色彩關(guān)鍵字

　　transparent：透明 /* IE6+ */

　　currentColor：當(dāng)前顏色 /* IE9+ */

?

6、函數(shù)

calc()：calc(100% - 20px)， + 和 - 運算符的兩邊必須始終要有空白符 /* IE9+ */

?

7、生成內(nèi)容

counter()：插入計數(shù)器 /* IE8+ */

counters()：重復(fù)插入計數(shù)器 /* IE8+ */

attr()：插入元素屬性值 /* IE8+ */

?

8、圖像

： | ，描述的是2D圖形

：可使用IE濾鏡處理 /* IE10+ */

　　linear-gradient()

　　radial-gradient()

　　repeating-linear-gradient()

　　repeating-radial-gradient()

?

9、數(shù)字

：整數(shù)或小數(shù)

：整數(shù)

：百分比值

?

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/1361.html

相關(guān)文章

  • 別再被各種單位迷惑：px/em/rem

    摘要：引自手冊是相對長度單位。所有未經(jīng)調(diào)整的瀏覽器都符合。特點是新增的一個相對單位，根，這個單位引起了廣泛關(guān)注。目前，除了及更早版本外，所有瀏覽器均已支持。對于不支持它的瀏覽器，應(yīng)對方法也很簡單，就是多寫一個絕對單位的聲明。 在他處看到一篇好文章，想記錄在自己的學(xué)習(xí)筆記中，原文作者看到我轉(zhuǎn)載若是介意，聯(lián)系我立馬就刪除，附上原文鏈接：http://www.huolg.net/html5/htm...

    teren 評論0 收藏0

  • 一個頁面從輸入URL到加載顯示完成，發(fā)生了什么？

    摘要：詢問權(quán)威的服務(wù)器域名服務(wù)器會繼續(xù)檢查請求的下一部分，并將查詢指向負責(zé)此特定域名的服務(wù)器這些權(quán)威的服務(wù)器將負責(zé)了解關(guān)于特定域的所有信息，并將信息存儲在記錄。 面試經(jīng)典題——URL加載 一、涉及基本知識點： 1. 計算機網(wǎng)絡(luò) 五層因特爾協(xié)議棧： 應(yīng)用層（dns、http）：DNS解析成IP并完成http請求發(fā)送； 傳輸層（tcp、udp）：三次握手四次揮手模式建立tcp連接； 網(wǎng)絡(luò)層...

    NervosNetwork 評論0 收藏0

  • 一個頁面從輸入URL到加載顯示完成，發(fā)生了什么？

    摘要：詢問權(quán)威的服務(wù)器域名服務(wù)器會繼續(xù)檢查請求的下一部分，并將查詢指向負責(zé)此特定域名的服務(wù)器這些權(quán)威的服務(wù)器將負責(zé)了解關(guān)于特定域的所有信息，并將信息存儲在記錄。 面試經(jīng)典題——URL加載 一、涉及基本知識點： 1. 計算機網(wǎng)絡(luò) 五層因特爾協(xié)議棧： 應(yīng)用層（dns、http）：DNS解析成IP并完成http請求發(fā)送； 傳輸層（tcp、udp）：三次握手四次揮手模式建立tcp連接； 網(wǎng)絡(luò)層...

    nanchen2251 評論0 收藏0

  • 一個頁面從輸入URL到加載顯示完成，發(fā)生了什么？

    摘要：詢問權(quán)威的服務(wù)器域名服務(wù)器會繼續(xù)檢查請求的下一部分，并將查詢指向負責(zé)此特定域名的服務(wù)器這些權(quán)威的服務(wù)器將負責(zé)了解關(guān)于特定域的所有信息，并將信息存儲在記錄。 面試經(jīng)典題——URL加載 一、涉及基本知識點： 1. 計算機網(wǎng)絡(luò) 五層因特爾協(xié)議棧： 應(yīng)用層（dns、http）：DNS解析成IP并完成http請求發(fā)送； 傳輸層（tcp、udp）：三次握手四次揮手模式建立tcp連接； 網(wǎng)絡(luò)層...

    LuDongWei 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<