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語句都是基於各個標籤的繼承關係的。但是並不是所有的屬性都能被繼承,一般的字型屬性都是能繼承的,不能繼承的例如邊框屬性 注意 孩子能繼承父親屬性,但是父親不...