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]