亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

CSS單位【記錄】

lushan / 3643人閱讀

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

?

1、長(zhǎng)度

2、角度

3、時(shí)間

4、分辨率

5、顏色

6、函數(shù)

7、生成內(nèi)容

8、圖像

9、數(shù)字

?

1、長(zhǎng)度

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

相對(duì)長(zhǎng)度單位

　　em：相對(duì)于字體大小

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

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

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

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

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

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

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

絕對(duì)長(zhǎng)度單位

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

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

?

2、角度

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

度（degrees）：一個(gè)完整的圓是360deg

梯度（gradians）：一個(gè)完整的圓是400grad

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

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

?

3、時(shí)間

1s = 1000ms

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

?

4、分辨率

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

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

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

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

1dppx = 96dpi

1dpcm = 2.54dpi

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

?

5、顏色

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

hex：#f00，十六進(jìn)制記法

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)， + 和 - 運(yùn)算符的兩邊必須始終要有空白符 /* IE9+ */

?

7、生成內(nèi)容

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

counters()：重復(fù)插入計(jì)數(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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

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

相關(guān)文章

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

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

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

  • 一個(gè)頁面從輸入U(xiǎn)RL到加載顯示完成，發(fā)生了什么？

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

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

  • 一個(gè)頁面從輸入U(xiǎn)RL到加載顯示完成，發(fā)生了什么？

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

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

  • 一個(gè)頁面從輸入U(xiǎn)RL到加載顯示完成，發(fā)生了什么？

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

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

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

0條評(píng)論

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