網(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在线| 一道本不卡视频|