国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
5個CSS書寫技巧

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

1. CSS Reset/重置

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

  • 你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下來應該根據(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. 先標記后css

這個我沒有太看懂。大概理解是對html的標記弄好后再寫css會比較不容易出錯。比如我寫一個頁面,先寫一個最基本的標記結(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>

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

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
五種方法讓你立刻寫出更棒的CSS代碼
css中l(wèi)ine-height的用法
Div CSS布局入門教程(三)
利用Yahoo!免費獲取可重復使用的CSS
yui css框架
PSD網(wǎng)頁模板下載使用切圖制作HTML全過程教程
更多類似文章 >>
生活服務(wù)
分享 收藏 導長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服