书写高效的、可维护的、组件化的CSS(zz)

1.使用外联样式代替行间样式或内嵌样式。

   不推荐使用行间样式。

   不推荐使用内嵌样式。

   推荐使用外联样式。

   不推荐@import导入方式。

2.使用继承

3.使用多重选择器

4.使用多重声明

5.使用简记属性

6.避免使用！important

 

 

代码

/* * 清除内外边距 * */
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td, /* table elements 表格元素 */
img /* img elements 图片元素 */ {
border:medium none;
margin: 0 ;
padding: 0 ;
}
/* * 设置默认字体 * */
body,button, input, select, textarea {
font: 12px / 1.5 ' 宋体 ' ,tahoma, Srial, helvetica, sans - serif; }
h1, h2, h3, h4, h5, h6 { font - size: 100 % ; }
em{font - style:normal;}
/* * 重置列表元素 * */
ul, ol { list - style: none; }
/* * 重置超链接元素 * */
a { text - decoration: none; color:# 333 ;}
a:hover { text - decoration: underline; color:#F40; }
/* * 重置图片元素 * */
img{ border:0px;}
/* * 重置表格元素 * */
table { border - collapse: collapse; border - spacing: 0 ; }

 

转载于:https://www.cnblogs.com/sweetie/archive/2010/11/27/1889711.html