css（雖然很簡單．但的確是好東東）

一，如何讓DIV水平居中: <div style="margin:0 auto;"></div> margin外邊距，0表示上下的距離;auto表示左右的距離 二，DIV元素結構定義，相似這樣： <div id="header"></div>                標誌和站點名稱 <div id="content"></div>              主頁面內容 <div id="globalnav"></div>           站點導航(主菜單) <div id="subnav"></div>               子菜單 <div id="search"></div>                搜索框 <div id="shop"></div>                  功能區 <div id="footer"></div>                頁腳(版權和有關法律聲明) 三，選擇器 1)羣選擇器    當幾個元素樣式屬性同樣時，能夠共同調用一個聲明，元素之間用逗號分隔，：   p, td, li { font-size : 12px ; } 2)派生選擇器    可使用派生選擇器給一個元素裏的子元素定義樣式，例如這樣： li strong { font-style : italic; font-weight : normal；}    就是給li下面的子元素strong定義一個斜體不加粗的樣式。 5)id選擇器    用CSS佈局主要用層"div"來實現，而div的樣式經過"id選擇器"來定義。例如咱們首先定義一個層 <div id="menubar"></div>    而後在樣式表裏這樣定義：    #menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;} 其中"menubar"是你本身定義的id名稱。注意在前面加"#"號。    id選擇器也一樣支持派生，例如： #menubar p { text-align : right; margin-top : 10px; }    這個方法主要用來定義層和那些比較複雜，有多個派生的元素。 6)類別選擇器     在CSS裏用一個點開頭表示類別選擇器定義，例如： .14px {color : #f60 ;font-size:14px ;}     在頁面中，用class= "類別名"的方法調用： <span class="14px">14px大小的字體</span>     這個方法比較簡單靈活，能夠隨時根據頁面須要新建和刪除。 三，定義連接的樣式     CSS中用四個僞類來定義連接的樣式，分別是：a:link、a:visited、a:hover和a : active，例如： a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;} a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;} a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;} a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}     以上語句分別定義了 "連接、已訪問過的連接、鼠標停在上方時、點下鼠標時"的樣式。注意，必須按以上順序寫，不然顯示可能和你預想的不同。記住它們的順序是「LVHA」。 四，組合使用選擇器創造精緻的設計效果     用漂亮的圖案代替普通無序列表前沉悶的黑點。站點[url]http://marine.happycog.com/[/url] 先用css規則告訴類別屬性inventory的無序列表。     ul.inventory{           list-style:disc url(/p_w_picpaths/common/lister2.gig) inside;} 它的調用標記: <ul class="inventory"> <li><a href="/angelfish">Angelfish</a>(67 items)</li> <li><a href="/angeld">Angels/Frogfish</a>(35 items)</li> <li><a href="/anthias">Angelfish</a>(5526 items)</li> <li><a href="/basslets">Angelfish</a>(15 items)</li> <ul> 五，縮寫是按照順時針的順序    margin:25px 0 25px 0; (10)行高   line-height:150% 說明行距爲正常的150% 六，結構化代碼div(division)、id、class   用它們來書寫緊湊的xhtml，更明智的使用css.   結構化id標籤，與class的有區別： 若是你的屬性頁面包含了一個div，它的id爲"content",它就不可能有另一個div或者其餘元素擁有相同的名字。相反，class屬性能夠在乎個頁面中一次又一次地使用。 七，製做好的網站能夠到w3c進行標準校訂 http:validator.w3.org [url]http://jigsaw.w3.org/css-validator/[/url]