書寫CSS的5個小技巧讓你的樣式更規範

2022-09-22 01:21:08 字數 679 閱讀 2145

1. 按字母順序來排列css

不按字母順序排的:

複製**

**如下:

div#header h1

按字母順序排的:

複製**

**如下:

div#header h1

理由是這樣的:可以更好的找到某個屬性。

2. 更好的組織css結構

使用css注釋來給css分組,這樣結構明了,也有利於協同設計。

/*****reset*****/

******x

***xx

/*****layouts*****/

******x

***xx

3. 保持一致性

不要無意義的去討論到底乙個選擇器的所有屬性寫在一行,還是每個屬性寫一行比較好。如果你就喜歡寫在一行,因為每排寫一行會讓整個文件感覺太長了,找起來不方便。但是發給team的另乙個人,他卻喜歡每句排一行,那怎麼辦?其實很簡單,把css拿去w3c驗證,它會有乙份結果,會自動轉換成每排一行。

4. 先標記 後css

對html的標記弄好後再寫css會比較不容易出錯。比如寫乙個頁面,先寫乙個最基本的標記結構

複製**

**如下:

&www.cppcns.comlt;div id="content">

!

3個小技巧,讓你的閱讀效率翻倍

你是否經常有這種困擾 制定好讀書計畫,每天半小時,二三十頁,堅持了半個月終於讀完一本書,卻發現,過了幾天,就忘了書裡講了什麼 記了厚厚的幾本筆記,數千個條目,每次翻開卻淹沒在資訊的海洋裡,不知從何入手用起 和別人聊天時,談到乙個話題,模模糊糊記得 啊,這個內容我在書裡看過 卻完全想不起來是什麼了 針...

css書寫的小細節

css書寫的小細節 1 名的第乙個字元不能使用數字!它無法在 mozilla 或 firefox 中起作用。2 當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。3 不要在屬性值與單位之間留有空格。假如你使用 margin left 20 px 而不是 margin left 20px 它僅在 ...

10個讓你早起的技巧

早起能幫助你更好的安排一天的生活,讓這一天變得更有效率的第一步。這裡我將奉獻給大家的是幫助我成為乙個早起的人的10個技巧。這最重要的一步當然是起床。不是醒來 坐起來,而是要蹦下床。當鬧鈴響後,你馬上下床,跑到另外一間屋子裡,把燈開啟。快速的下床能讓你擺脫安逸的環境,這樣才不會再次睡去。你知道,有個聲...