網(wǎng)站制作完美CSS代碼書寫的五個方面
2010/11/9 16:07:56
一、網(wǎng)站制作CSS保持一致性
無論你決定使用什么方式去編寫代碼,保持一致。我已經(jīng)對全部放在1行VS多行的CSS編寫編寫方式的爭論感到乏味和疲倦。這是不需要爭辯的。每個人都有自己的觀點,所以選擇一種你喜歡的工作方式,并在所有的樣式表中保持一致。就我個人而言,我將使用兩者結(jié)合的方式。如果一個選擇器超過了3個屬性,我將截斷它采用多行的方式編寫。
二、從正確的地方開始
在完成標記語言之前不要去嘗試靠近你的樣式表。當我準備分割一張網(wǎng)頁的時候,創(chuàng)建CSS文件之前,我需要預覽并且標記body開標簽到body的閉合標簽之間的所有文檔。我不會增加額外的DIV ,ID,或者類選擇器。我將會添加一些一般的DIV,就好像hearder、content、footer.因為我知道這些東西是現(xiàn)實存在的。利用CSS子選擇器指定子元素;不要只是機械的給元素添加類或者ID選擇器。記住:沒有一個良好的格式化文檔CSS是無價值的。
三、CSS樣式的組織
你應該組織你的樣式表以致相關(guān)的內(nèi)容靠在一起,更簡單的找到想要的。使用更有效的注解。定義簡單的風格,好像浮動的某一側(cè), 移除元素的下邊距, 等當然,它們大部分都與我們希望的語義不相關(guān),但是它們是高效處理代碼所必須的。
四、CSS屬性的排序
你不能告訴我Example#2不能更快的找到右邊距屬性。根據(jù)字母排序你的元素屬性。一致的創(chuàng)建你的CSS,將幫助你節(jié)省花費在尋找一個特殊屬性的時間。我知道一些人用這樣的方法去組織代碼,其他人又用另一種方法去組織,但是在我的公司,我們協(xié)商一致做出決定,所有的代碼都將按照字母排序來組織。通過這樣組織代碼與其他人協(xié)同工作一定是有幫助的。當我碰到屬性沒有按照字母排序的層疊樣式表我每一次都會退縮。
五、關(guān)于CSS重置
首先,很認真的告訴你,總是要重置某些分類。無論你是使用 Eric Meyer Reset、YUI Reset或者你自己編寫的重置代碼,只要使用就對了。它能很簡單的移除所有元素的填充(padding)和邊距(margin):Eric Meyer Reset和YUI Reset都是非常強大的,但是對于網(wǎng)站制作而言,它們走的太遠了。我覺得你最終需要重置一切,然后重新定義所有元素的屬性。這就是為什么Eric Meyer推薦更有效的使用,而你不要只是使用他的重置樣式表,將它拖放到你的項目中。調(diào)整它,建立屬于自己的重置樣式表。
返回列表
返回首頁
主站蜘蛛池模板:
亚洲午夜精品久久久久久人妖|
国产人妖视频一区二区破除|
www.天天操.com|
日本最新免费二区|
亚洲乱码一区二区三区在线观看|
澳门永久av免费网站|
午夜伦情电午夜伦情影院
|
亚洲精品国产电影|
精品久久久久久无码中文字幕漫画|
国产亚洲精品仙踪林在线播放|
亚洲精品中文字幕无乱码麻豆|
国模大胆一区二区三区|
qvod激情小说|
性猛交╳xxx乱大交|
久久99亚洲网美利坚合众国|
日韩在线视频导航|
亚洲av综合色区无码专区桃色|
欧美激情一区二区|
亚洲精品视频在线观看视频|
百合多种道具坐到哭hh|
又色又爽又黄的三级视频在线观看
|
一级特黄录像免费播放肥|
在线日本中文字幕|
gogo少妇无码肉肉视频|
小泽玛利亚番号|
两性色午夜视频免费网|
成年日韩片av在线网站|
久久久999国产精品|
日韩a无吗一区二区三区|
二十四小时日本高清在线www
|
色橹橹欧美在线观看视频高清|
国产大学生真实视频在线|
手机1024看片|
国产精品永久免费|
97av麻豆蜜桃一区二区|
夜夜揉揉日日人人|
avaaddamshdxxx|
天天色影综合网|
www.日本在线播放|
好紧好爽好深再快点av在线|
一道本不卡视频|