css命名规范及公共样式

css命名规范：

<div id="wrap">
    <div id="top"></div> <!--top结束-->
    <div id="header"></div> <!--header结束-->
    <div id="content">
        <div class="sidebar"></div>
        <div class="con"></div> 
    </div> <!--content结束-->
    <div id="footer"></div>
</div>  <!--wrap结束-->

在实际网页开发过程当中，布局的外框div使用id选择器，里面的布局内块div使用class选择器，这样一来能够使结构看起来更加的清晰分明，加上外框完成后的注释，这样一来，在代码繁杂的时候就不容易出错。‍

css样式重置及公共部分css的编写：

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;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

网上只要一搜一大片的css样式重置就出来了，这是其中的一个范本，在本身的实际开发中，我建议是用到了什么标签时，在去除该标签的默认样式。

公共部分的css样式编写：

在个人实际项目中我会常用例如：

.fl{float:left};
.fr{float:right};
.bg_red{background:red};
.bg_green{background:green};
.pa{position:abosolute};
.pr{position:relative};
.mt{margin-top:10px};
.clear{clear:both};

这些代码一般比较适用，在每一个项目中都能用的到，建议不断的整理完善，造成本身的一套公共样式，随时使用，加快开发效率，使用时引入就好，并且很是方便。