html頁面編寫小技巧

去掉下劃線  a{text-decoration: none;}

圓角 border-radius:10px;  IE9以上

去掉li列表的圓點list-style-type: none;或者list-style:none;

word-wrap   容許長單詞換行到下一行： p.test {word-wrap:break-word;}

normal 只在容許的斷字點換行（瀏覽器默認處理）  break-word在長單詞或URL地址進行換行

inherited css繼承

http://validator.w3.org/       w3c檢測

white-space: nowrap規定段落中的文本不進行換行：

alt表示圖片障礙符 當圖片下載不下來的時候就能夠用 而title呢則表示當鼠標指示到那裏的時候能夠出現一個小手而且顯示title

<a href="#"><img alt="2" title="美國" src="images/top_img2.gif"></a>

jquery style多個樣式       $('.p2').css({'color':'#FF0000','margin-top':'50px'}

html校訂

http://www.w3.org/QA/Tools/#validators

overflow hidden 清除浮動

是由於overflow除了(visible)會從新給他裏面的元素創建塊級格式化(block formatting context)floats, position absolute, inline-block, table-cell和table-caption都不是塊級樣式，因此纔會用到clear來控制浮動overflow 也能夠清除浮動是由於當在父級元素設置overflow時候，除了visible，就是隻有auto, hidden或者scroll時候， 也會創建新的塊級格式給他的子元素, 從而起到清楚浮動效果具體信息能夠在這裏看雖然clear是舊的方式， 但仍是推薦用clear來作，有些狀況會比overflow處理的要好