Web 标准——结构、样式和行为的分离
判断语义良好:firefox插件 Web Developer
如何组织CSS
page.css 的注释
/*首页*/
.test{}
.test2{}
/*关于我们*/
.test3{}
.test4{}
/*联系我们*/
.test5{}
.test6{}
/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0;padding:0;}
新增class比用子选择器好,利于维护
样式属性前缀,_只在IE6下生效,*在IE6,7下生效
块级元素div,p,form,ul,ol,li可设置width,height属性,行内元素span,strong,em无效
display:inline-block,使行内元素能设置宽高
判断语义良好:firefox插件 Web Developer
如何组织CSS
page.css 的注释
/*首页*/
.test{}
.test2{}
/*关于我们*/
.test3{}
.test4{}
/*联系我们*/
.test5{}
.test6{}
/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0;padding:0;}
新增class比用子选择器好,利于维护
样式属性前缀,_只在IE6下生效,*在IE6,7下生效
块级元素div,p,form,ul,ol,li可设置width,height属性,行内元素span,strong,em无效
display:inline-block,使行内元素能设置宽高