《精彩絕倫的CSS》 提示(一)屬性值排序

2021-07-30 15:39:05 字數 422 閱讀 2628

一、屬性值排序

大多數允許使用多個關鍵字的css屬性都允許以任何順序書寫關鍵字,但是一些屬性要求以特定順序進行書寫,比如下面這幾個

1、調整字型值的順序:font:;

在定義字型屬性時必須同時包含字型大小(font-size)和字型族(font-family),並且按照既定的順序進行書寫,如果順序顛倒或者漏掉了乙個,則現代瀏覽器都會直接忽略這條宣告。

此外,如果包含其他關鍵字,則它們全部(除了行高)都得放在這兩個必備的值之前,即:

font: bold italic 100% sans-serif;

font: italic small-caps 125% georgia,serif;

對於行高則固定放在font-size後以「/」分割中間沒有空格:font: 100%/2.5 helvettica,sans-serif;

學習《精彩絕倫的CSS》

當省略了部分簡寫屬性值的時候,缺失的部分就會使用該屬性的預設值。2.如何使用顏色控制邊框外觀?我們知道在css中邊框的使用是非常重要的,我們這裡就介紹一下css的邊框屬性 border 如何使用。邊框是圍繞在內容和內邊距之間的一條或多條線。內容的內邊距和外間距之間的間隙是留給邊框的,css可以用邊框...

《精彩絕倫的CSS》 提示(三)讓元素「消失」

三 讓元素消失 1 抑制元素的顯示 display none hide 應用了hide類的元素,就像不存在一樣,不會對布局有任何影響。然而這樣子做會有兩個陷阱,乙個潛在的,乙個固有的。潛在的就是,如果通過js將display設為none那麼想復原時該怎麼做,因為原顯示值可能是inline或者bloc...

試讀《精彩絕倫的CSS2》

css 層疊樣式表 c ascading s tyle s heets 我認為說白了就是衣服!可以用來給html 換服裝用的!可以巢狀在 html 中!css已經發展得非常成功了,甚至像html一樣成功!儘管有時候它的確令人難以掌控。現 在無論是在瀏覽器還是應用商店,甚至聊天客戶端,css都無處不在...