網站建設新手必須知道的頂級CSS技巧
2010/9/3 15:43:28

  
  新手在網站建設時剛接觸CSS,都希望得到有經驗的技巧,方便自己學習,筆者為新手提供三個頂級CSS技巧,第一個就是很多新手困惑的瀏覽器兼容問題;第二個是分塊書寫CSS代碼;最后就是如何在一行內聲明CSS代碼。
  一、瀏覽器兼容問題
  只支持最新的瀏覽器。也就是說要放棄IE5和IE5.5。這樣一來就能省下很多時間。對于IE6來說不用使用盒模型Hack。如果只針對流行瀏覽器的話,只需要很少的Hack就能實現同樣的效果。包含浮動元素所有在容器內的內容都應該被設計為和容器保持一致。如果過大的話就會滑動到錯誤位置。使用負值margin調整到容器外同樣會導致滑動。理解Overflow如果頁面中有兩個浮動元素,在左容器內輸出過多內容的話就會導致右側容器跑到下面。這也就是說你的margin、寬度或者padding設置混亂了,不過在FF里面體現不出來。使用overflow:hidden或者overflow:scroll可以避免IE允許內容沖出容器。
  二、分塊書寫代碼
  這樣書寫代碼可以讓CSS更頁面化,在出現問題時候可以最短時間內找到問題所在。每個CSS屬性獨立一行,一般不會出現換行或橫向滾動條。可以通過firebug等工具查找到模塊,在DW中ctrl+g行定位,修改方便。屬性段落間有縮進,保證了代碼的整潔,層次清楚,符合編程語言代碼規范,修改更加直觀。但是其中會存在一些問題:代碼冗余;文件大小增加;容易出現縱向滾動條。
  三、在一行內聲明CSS
  最大化的利用了空間,單屏內能顯示更多,減小了縱向滾動條出現的幾率,能夠快速捕獲較多的信息。減小網站建設的文件大小,省去了不必要的空格、換行等。橫向書寫方便分塊以及注釋,便于查看CSS結構,選擇符一目了然。加快編寫CSS速度,不用每次敲換行和tab,并且減少拉動滾動條的次數。如果是活動頁,不用作壓縮處理。使用CSS optimizers 來優化CSS是提倡的,但是使用橫向書寫,基本上不存在多余的空格和換行,因此可以不用壓縮,這樣效率和能力都會得到提高。

返回列表
返回首頁 主站蜘蛛池模板: 顶级欧美色妇xxxxx| 成人国产一区二区三区| 天堂久久久久久中文字幕| 亚洲成a人一区二区三区| 99国产精品99久久久久久| 欧美人与动人物牲交免费观看| 国产丰满麻豆videossexhd| ssswww日本免费网站片| 欧美人与zoxxxx另类| 人妻老妇乱子伦精品无码专区 | 好吊色永久免费视频大全| 亚洲日本va午夜中文字幕一区| 青青草国产成人久久91网| 天堂网www在线资源| 中文字幕乱码人妻一区二区三区 | 大佬的365天第三季完整视频在线观看 | 中文字幕不卡在线| 日韩av激情在线观看| 人妻少妇精品久久久久久| 美国人与动性xxx播放| 国产精品国产三级国产av剧情 | 成人a免费α片在线视频网站| 亚洲午夜久久久影院伊人| 老师好紧开裆蕾丝内裤h男男| 国内一级一级毛片a免费| 丰满多毛的大隂户毛茸茸| 欧美精品国产一区二区| 国产中文字幕在线播放| 黑人大战亚洲人精品一区| 在线|一区二区三区| 久久亚洲AV成人无码国产| 正能量网站不用下载免费观看视频软件 | 国产鲁鲁视频在线观看| a毛片免费视频| 日本道色综合久久影院| 亚洲福利在线看| 老师好紧开裆蕾丝内裤h男男| 国产免费插插插| 69女porenkino| 成人毛片18女人毛片免费视频未| 久久国产精品久久精|