国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS技巧教程:css書寫技巧

2024-07-11 08:22:11
字體:
供稿:網(wǎng)友

nettuts帶來的5個css書寫技巧,簡單翻譯一下它的中心思想。

1. css reset/重置

你也許需要先了解什么是css重置。然后怎么樣寫css重置呢。

  • 你可以copy eric meyer reset, yui reset或其它css reset, 但你接下來應(yīng)該根據(jù)你的項目改成你自己的reset.
  • 不要使用* { margin: 0; padding: 0; } 。我個人很愛用,原作者提到使用這句并不適用一些元素比如單選按鈕。不過俺博客里面也沒有單選按鈕,如果有,又重新給單選按鈕重設(shè)就好了嘛。

2. 按字母順序來排列css

不按字母順序排的

div#header h1 {z-index: 101;color: #000;position: relative;line-height: 24px;margin-right: 48px;border-bottom: 1px solid #dedede;font-size: 18px;}

按字母順序排的

div#header h1 {	border-bottom: 1px solid #dedede;	color: #000;	font-size: 18px;	line-height: 24px;	margin-right: 48px;	position: relative;	z-index: 101;}

理由是這樣可以更好的找到某個屬性。個人覺得還好,差別也不是太大。不過也許會適合你。

3. 更好的組織css結(jié)構(gòu)

使用css注釋來分給css分組,這樣結(jié)構(gòu)明了,也有利于協(xié)同設(shè)計。

/*****reset*****/xxxxxxx{xxxxx}xxxxx{xxxxx}/*****layouts*****/xxxxxxx{xxxxx}xxxxx{xxxxx}

4. 保持一致性

不要無意義的去討論到底一個選擇器的所有屬性寫在一行,還是每個屬性寫一行比較好。你自己覺得ok就好。

iv#header { float: left; width: 100%; }div#header div.column {border-right: 1px solid #ccc;float: rightright;margin-right: 50px;padding: 10px;width: 300px;}div#header h1 { float: left; position: relative; width: 250px; }

比如我個人就喜歡寫在一行,因為每排寫一行會讓整個文檔感覺太長了,找起來不方便。如果你喜歡寫一行,但是發(fā)給team的另一個,他卻喜歡每排一行,那怎么辦?其實很簡單,把css拿去w3c驗證,它會有一份結(jié)果,會自動轉(zhuǎn)換成每排一行。

5. 先標(biāo)記后css

這個我沒有太看懂。大概理解是對html的標(biāo)記弄好后再寫css會比較不容易出錯。比如我寫一個頁面,先寫一個最基本的標(biāo)記結(jié)構(gòu)

<body>     <div id="wrapper">          <div id="header"><!--end #header-->          <div id="container">               <div id="content">               </div><!--end #content-->               <div id="sidebar">               </div><!--end #sidebarr-->          </div><!--end #container-->          <div id="footer">          </div>!<--end #footer-->       </div><!--end #wrapper--></body>

然后就是盡量善用子選擇器,而不是一要給哪個元素進行樣式化,就給它添加個選擇器。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 成都市| 华阴市| 手游| 青铜峡市| 绥芬河市| 宜君县| 洛隆县| 新源县| 正阳县| 陆河县| 临夏县| 林口县| 清涧县| 九寨沟县| 通山县| 陕西省| 双鸭山市| 安陆市| 宣威市| 武安市| 砚山县| 中卫市| 寿阳县| 屏南县| 巢湖市| 靖远县| 泗水县| 三亚市| 商水县| 祁阳县| 郧西县| 农安县| 兴安盟| 江孜县| 浙江省| 信丰县| 灵石县| 曲周县| 思南县| 前郭尔| 宜春市|