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檔案 作用 此宣告相當於呼叫,解決了不同網頁之間樣式重複使用地問...