網站制作完美CSS代碼書寫的五個方面
2010/11/9 16:07:56

  
  一、網站制作CSS保持一致性

  無論你決定使用什么方式去編寫代碼,保持一致。我已經對全部放在1行VS多行的CSS編寫編寫方式的爭論感到乏味和疲倦。這是不需要爭辯的。每個人都有自己的觀點,所以選擇一種你喜歡的工作方式,并在所有的樣式表中保持一致。就我個人而言,我將使用兩者結合的方式。如果一個選擇器超過了3個屬性,我將截斷它采用多行的方式編寫。

  二、從正確的地方開始

  在完成標記語言之前不要去嘗試靠近你的樣式表。當我準備分割一張網頁的時候,創建CSS文件之前,我需要預覽并且標記body開標簽到body的閉合標簽之間的所有文檔。我不會增加額外的DIV ,ID,或者類選擇器。我將會添加一些一般的DIV,就好像hearder、content、footer.因為我知道這些東西是現實存在的。利用CSS子選擇器指定子元素;不要只是機械的給元素添加類或者ID選擇器。記住:沒有一個良好的格式化文檔CSS是無價值的。

  三、CSS樣式的組織

  你應該組織你的樣式表以致相關的內容靠在一起,更簡單的找到想要的。使用更有效的注解。定義簡單的風格,好像浮動的某一側, 移除元素的下邊距, 等當然,它們大部分都與我們希望的語義不相關,但是它們是高效處理代碼所必須的。

  四、CSS屬性的排序

  你不能告訴我Example#2不能更快的找到右邊距屬性。根據字母排序你的元素屬性。一致的創建你的CSS,將幫助你節省花費在尋找一個特殊屬性的時間。我知道一些人用這樣的方法去組織代碼,其他人又用另一種方法去組織,但是在我的公司,我們協商一致做出決定,所有的代碼都將按照字母排序來組織。通過這樣組織代碼與其他人協同工作一定是有幫助的。當我碰到屬性沒有按照字母排序的層疊樣式表我每一次都會退縮。

  五、關于CSS重置

  首先,很認真的告訴你,總是要重置某些分類。無論你是使用 Eric Meyer Reset、YUI Reset或者你自己編寫的重置代碼,只要使用就對了。它能很簡單的移除所有元素的填充(padding)和邊距(margin):Eric Meyer Reset和YUI Reset都是非常強大的,但是對于網站制作而言,它們走的太遠了。我覺得你最終需要重置一切,然后重新定義所有元素的屬性。這就是為什么Eric Meyer推薦更有效的使用,而你不要只是使用他的重置樣式表,將它拖放到你的項目中。調整它,建立屬于自己的重置樣式表。

返回列表
返回首頁 主站蜘蛛池模板: 久久久久久久伊人电影| 四虎成年永久免费网站| 亚洲精品v天堂中文字幕| 英语老师解开裙子坐我腿中间| 成人看片黄在线观看| 亚洲av无码码潮喷在线观看| 调教她的尿孔h导尿| 女m羞辱调教视频网站| 亚洲乱妇老熟女爽到高潮的片| 色妞妞www精品视频| 国内揄拍高清国内精品对白| 久久精品国产亚洲AV果冻传媒| 精品国产香港三级| 国产午夜无码精品免费看动漫| 2020因为爱你带字幕免费观看全集| 日本大片在线看黄a∨免费| 免费观看无遮挡www的视频| 青青青手机视频在线观看| 天堂资源中文在线| 久久婷婷激情综合色综合俺也去 | 欧美国产精品不卡在线观看| 从镜子里看我怎么c你| 精品在线第一页| 国产一区二区三区不卡在线看| 99精品国产高清一区二区| 日韩亚洲欧美性感视频影片免费看| 免费a级片网站| 综合偷自拍亚洲乱中文字幕| 国产精品无码一区二区三级| 9久热这里只有精品免费| 宅男噜噜噜66| 乡村乱妇一级毛片| 理论秋霞在线看免费| 国产成人三级视频在线观看播放| 一本大道无码人妻精品专区| 欧美人与z0xxxx另类| 午夜欧美精品久久久久久久| 亚洲综合在线另类色区奇米| 国内精品一区二区三区最新| a级高清观看视频在线看| 婷婷被公交车猛烈进出视频|