CSS值和單位

2021-10-14 15:19:06 字數 1254 閱讀 7555

有時,值用乙個詞表示,這叫關鍵字。none是乙個非常常見的關鍵字,若想移除html文件中鏈結的下劃線,可以這樣寫

a:link, a:visited 

//去掉下劃線

a:link, a:visited

//加上下劃線

全域性關鍵字

inherit initial unset

inherit繼承 initial改為初始值  unset是inherit和initial的通用替身。對繼承的屬性來說,unset的作用與inherit一樣,對不繼承的屬性來說,unset的作用與initial一樣

有個特殊的屬性只接受這幾個全域性的關鍵字,all。all表示除direction和unicode-bidi之外的所有屬性。如果乙個元素宣告 all: inherit ,意思是除direction和unicode-bidi之外的所有屬性都從父元素上繼承值。

如果只想幾個屬性值繼承,那就乙個乙個的inherit

絕對的長度單位如px,in,cm這種就不再細說了。

dpi 在長為1英吋的範圍內能顯示的點數

相對長度單位 em和ex單位

1em = 元素的font-size屬性值

1ex = 所用字型中小寫字母x的高度 (字型的不同也會導致ex值不同)

rem 與em類似,但是是根據根元素計算的

css3新增單位:ch 乙個零加上空隙的寬度

vmin 視區寬度和高度的最小值 / 100    尺寸最小值單位

vmax 視區寬度和高度的最大值 / 100   尺寸最大值單位

p
calc()函式計算

+ - 運算子的兩側必須有空格,避免與負數混淆

attr()來獲取html元素屬性的值

p::before
在p元素之前插入id元素的值

rgb和rbga應該都比較熟悉,就不再介紹

兩個顏色的關鍵字

transparent 和 currentcolor

transparent與rgba(0,0,0,0)等效,currentcolor 當前元素color屬性計算得到的值

deg 度數 圓是360deg

grad 百分度 圓是400grad

rad 弧度  圓是2pi

turn 圈數

s,ms,hz,khz

html 

h1 h2

自定義值以--開頭,並通過var呼叫

CSS 單位和值

在網頁中的顏色設定是非常重要,有字型顏色 color 背景顏色 background color 邊框顏色 border 等,設定顏色的方法也有很多種 1 英文命令顏色 前面幾個小節中經常用到的就是這種設定方法 p2 rgb顏色 這個與 photoshop 中的 rgb 顏色是一致的,由 r red...

css值和單位

css中有兩類數字 整數和實數。這些數字型別主要作為其他值型別的基礎,不過在某些情況下,這些基本型別數字也可以用作屬性的值。百分數值是乙個計算得出的實數,其後跟有乙個百分號。百分數值幾乎總是相對於另乙個值,這個值可以是任意的。很多css屬性都依賴於長度度量來合適的顯示各種頁面元素。所有長度單位都可以...

CSS 值和單位

字元 p.onergb包括數字,百分數,16進製制數 p.two p.three p.four安全色 避免抖動的顏色。rgb值20 和51 十進位制 的倍數的值都是安全色。長度 數字 單位 絕對長度單位 在web設計時很少使用到。5種絕對長度單位 英吋 in 厘公尺 cm 公釐 mm 點 pt 派卡...