Question

标准css文件开头怎么写

标准css文件开头怎么写

Answer 1

这就是个风格问题，怎么写都可以。一般来说是重置浏览器有争议的属性，比如边距什么的，再就是设置一些根样式以供其他元素继承，比如body的字体、颜色等，再就是一些公共样式，clearfix清空文档流之类的。当然还有一些高级的技巧，CSS专家也有很多建议，比如《CSS权威指南》作者Eric Meyer的建议是

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

Answer 2

/*全局样式*/
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family:Tahoma,Arial,Helvetica,"宋体";font-size:12px;text-align:center;background:#FFF;color:#000;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
h3{font-size:14px;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:underline;color:#f60;}

Answer 3

我一般这么写

@charset "utf-8";
/* CSS Document */
/*golbal*/
body{ font-family:"Tahoma"; font-size:12px; margin: 0; padding:0;}
ul,ol,dl,dt,dd,li{ margin:0; padding:0; list-style: none;}
h1,h2,h3{ margin:0; padding:0;}
img{border:0;}
a{ text-decoration:none;}
.clr{ clear:both}
.fleft{ float:left;}
.fright{ float:right;}
.hid{ display:none;}
.showdiv{ display:block;}