CSS宣告順序

2022-08-29 18:48:13 字數 298 閱讀 7149

css對元素樣式進行宣告,雖然一條規則中的宣告可以按照任何順序寫出來,但是還是應該有個優先順序的順序。

如下的宣告順序摘抄自《css設計指南》,優先順序順序如下:

display及相關宣告

position 及相關宣告

margin 、padding和border 及相關宣告

字型/ 文字相關宣告

裝飾相關宣告

這個順序首先考慮了對元素最重要的資訊,即它們怎麼在頁面上定位,定位到**。隨後是不那麼重要的資訊,包括元素的視覺裝飾。

當然這個完全是個人喜好的問題。僅供參考。

筆記 CSS樣式宣告順序

來自bootstrap中文網程式設計規範 positioning box model typographic visual declaration order 由於定位 positioning 可以從正常的文件流中移除元素,並且還能覆蓋盒模型 box model 相關的樣式,因此排在首位。盒模型排在...

原生css變數宣告

定義css變數 我們都知道使用less或者sass這些預處理語言,可以做到變數宣告,下面舉個例子,宣告乙個顏色是白色的變數,變數名是mio less mio fff divsass mio fff divcss div注意css的寫法,宣告變數必須寫在選擇器裡面,變數名用 定義。用處結合變數宣告這個...

CSS宣告與定位

在head標籤中使用style標籤宣告 作用 此宣告一般宣告當前網頁的公共樣式或者給某個標籤的單獨樣式 在標籤上使用style標籤宣告 作用 此宣告會將css樣式直接作用於當前標籤 在head標籤中使用link標籤引用外部宣告好的css檔案 作用 此宣告相當於呼叫,解決了不同網頁之間樣式重複使用地問...