CSS的一些基礎樣式,繼承性權重問題

2021-07-29 22:02:17 字數 1467 閱讀 5518

shortcut icon,特指瀏覽器中位址列左側顯示的圖示,一般大小為16x16,字尾名為.icon;

icon,指的是圖示,格式可為png\gif\jpeg,尺寸一般為16x16、24x24、36x36等

line-height:行高 設定文字間上下距離

height:高度 就是定義乙個層 或某樣東西的高度啦

也就是說line-height是特指單行高度,height可以為所有元素的高度

s,i,em標籤的意思

讓h等標籤不加粗的方法是: font-weight:normal

不傾斜 font-style:normal

不下劃 不刪除線 text-decoration:normal

先弄清楚padding與margin的含義,兩者為啥要比較乙個更好呢? 內部邊距padding一般是element的content與border的距離;margin是外邊距,即可理解為多個element的border之間距離。

能繼承的屬性

有一些屬性,當給自己設定的時候,自己的後代都繼承上了,這個就是繼承性。

哪些屬效能繼承:color、 text-開頭的、line-開頭的、font-開頭的。

這些關於文字樣式的,都能夠繼承; 所有關於盒子的、定位的、布局的屬性都不能繼承。

繼承性的傳遞和權重計算原則

繼承性是從自己開始,直到最小的元素。

當選擇器,選擇上了某個元素的時候,那麼要這麼統計權重:

id的數量,類的數量,標籤的數量

權重問題大總結:

1) 先看有沒有選中,如果選中了,那麼以(id數,類數,標籤數)來計權重。誰大聽誰的。如果都一樣,聽後寫的為準。

2) 如果沒有選中,那麼權重是0。如果大家都是0,就近原則。

important的總結

important是英語裡面的「重要的」的意思。我們可以通過語法:

k:v !important;

來給乙個屬性提高權重。這個屬性的權重就是無窮大。

!important需要強調3點:

1 !important提公升的是乙個屬性,而不是乙個選擇器

p

#para1

.spec

所以,綜合來看,字型顏色是red(聽important的);字型大小是50px(聽id的);

!important無法提公升繼承的權重,該是0還是0

比如html結構:

哈哈哈哈哈哈哈哈p>

div>

有css樣式:

div

p{ color:blue;

由於div是通過繼承性來影響文字顏色的,所以!important無法提公升它的權重,權重依然是0。

幹不過p標籤,因為p標籤是實實在在選中了,所以字是藍色的(以p為準)。

如果大家都是繼承來的!important不影響就近原則

css 繼承性 權重 層疊性問題)

一 一些css3 的選擇器 1.1 兒子選擇器 兒子選擇器就是 ie7 開始相容,ie6不相容 div p color red 1.2序選擇器 ie8開始相容,ie6,7不相容 選擇第乙個li style type text css ul li first child color red 選擇最後乙...

css的繼承性

一 css的繼承性 1 文字屬性 屬性 說明vertical align 垂直文字對齊 text decoration 規定新增到文字的裝飾 text shadow 文字陰影效果 white space 空白符的處理 unicode bidi 設定文字的方向 2 盒子模型的屬性 屬性 說明width...

CSS的繼承性

css的某些樣式是具有繼承性的,那麼什麼是繼承呢?繼承是一種規則,它允許樣式不僅應用於某個特定 html 標籤元素,而且應用於其後代。所有的css語句都是基於各個標籤的繼承關係的。但是並不是所有的屬性都能被繼承,一般的字型屬性都是能繼承的,不能繼承的例如邊框屬性 注意 孩子能繼承父親屬性,但是父親不...