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};

這些代碼一般比較適用，在每一個項目中都能用的到，建議不斷的整理完善，造成本身的一套公共樣式，隨時使用，加快開發效率，使用時引入就好，並且很是方便。