您的位置 >>> 星想互联 >>> 网站建设 >>> 建站知识
教学课件:CSS入门知识(二)
点击数:2681  发布时间2012-01-22 23:40:09
4.群选择器
当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔,如:
p, td, li { font-size : 12px ;color:#f00 }
*{margin:0;padding:0;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img{margin:0;padding:0;border:0;}
例如:定义所有标题的字体、颜色和margin,你可以这样写:
h1,h2,h3,h4,h5,h6 {
font-family:"Lucida Grande",Lucida,Arial,Helvetica,sans-serif;
color:#333;
margin:1em 0;
}
如果在使用时,有个别元素需要定义独立样式,你可以再加上新的定义,可以覆盖老的定义,例如:
h1 { font-size:2em; }
h2 { font-size:1.6em; }
5.派生选择器
可以使用派生选择器给一个元素里的子元素定义样式,例如这样:
   li strong { font-style : italic; font-weight : normal;}
   就是给 li下面的子元素 strong定义一个斜体不加粗的样式。
实例: 定义类box,文本颜色为红色,其中的图片边框为绿色,1像素,实线
 
6.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; }
 
这个方法主要用来定义层和那些比较复杂,有多个派生的元素。
来源:星想互联