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处理的要好