国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

CSS單位【記錄】

lushan / 3542人閱讀

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

?

1、長度

2、角度

3、時間

4、分辨率

5、顏色

6、函數

7、生成內容

8、圖像

9、數字

?

1、長度

:數字和單位之間沒有空格,0之后的長度單位是可選的

相對長度單位

  em:相對于字體大小

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

  ch:相對于數字"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的某些方法等場景中有所應用 /* IE9+ */

度(degrees):一個完整的圓是360deg

梯度(gradians):一個完整的圓是400grad

弧度(radians):一個完整的圓是2πrad

圈數(turns):一個完整的圓是1turn

?

3、時間

1s = 1000ms

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

?

4、分辨率

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

dpi:每英寸包含點的數量(dots per inch) /* IE9+ */

dpcm:每厘米包含點的數量(dots per centimeter) /* IE9+ */

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

1dppx = 96dpi

1dpcm = 2.54dpi

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

?

5、顏色

:rgb()、hsl()、關鍵字

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+ */

關鍵字

  色彩關鍵字

  transparent:透明 /* IE6+ */

  currentColor:當前顏色 /* IE9+ */

?

6、函數

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

?

7、生成內容

counter():插入計數器 /* IE8+ */

counters():重復插入計數器 /* IE8+ */

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

?

8、圖像

| ,描述的是2D圖形

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

  linear-gradient()

  radial-gradient()

  repeating-linear-gradient()

  repeating-radial-gradient()

?

9、數字

:整數或小數

:整數

:百分比值

?

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1361.html

相關文章

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

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

    teren 評論0 收藏0
  • 一個頁面從輸入URL到加載顯示完成,發生了什么?

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

    NervosNetwork 評論0 收藏0
  • 一個頁面從輸入URL到加載顯示完成,發生了什么?

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

    nanchen2251 評論0 收藏0
  • 一個頁面從輸入URL到加載顯示完成,發生了什么?

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

    LuDongWei 評論0 收藏0

發表評論

0條評論

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