- CSS 语法由三部分构成：选择器、属性和值：
selector {property: value}
2.CSS的基本写法
h1,h2,h3,h4,h5,h6 {
color: green;
font-family: Verdana, sans-serif;
color: #000;
background: #fff; margin: 0; padding: 0;
}
3.派生选择器=上下文选择器
li strong {
font-style: italic; font-weight: normal; }
<li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。
</strong></li>
4.id选择器，用#号+选择器名称
#study {
font-family:sans-serif;
background:fff;
}
#blue p{
font-family:Verdana;
margin:0;
padding:0;
}
#blue tr{
font-family:Verdana;
margin:0;
padding:0;
}
即使被标注为 blue的元素只能在文档中出现一次，这个 id 选择器作为派生选择器也可以被使用很多次：
#pashen li strong{
color:#00ff11;
font-style:italic;
}
5.类选择器用.号+类选择名
.color {
color:#009988;
}
.color td{
color:#009993;
}
6.id选择器和类选择器可以被元素选择。
那些以 color标注的单元格都会是带有灰色背景的橙色。那些没有被分配名为 color的类的单元格不会受这条规则的影响。还有一点值得注意，class 为 color的段落也不会是带有灰色背景的橙色，当然，任何其他被标注为 color的元素也不会受这条规则的影响。这都是由于我们书写这条规则的方式，这个效果被限制于被标注为 color的表格单元（即使用 td 元素来选择 color类）。
div#blue{
margin:1px;
padding:23px;
}
td.color{
color:#009988;
}
7.样式的关联关系：
0.游览器缺省值
1.外部样式表：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
mystyle.css文件：
{
hr{color:sienna;}
p{ margin-left:20px;}
body{background-image:url("images/back.gif");}
}
2.内部样式：
<style type="text/css">
hr{color:sienna;}
p{ margin-left:20px;}
body{background-image:url("images/back.gif");}
</style>
3.内联样式：
<p style="color:sienna";margin-left:20px></p>
权重依次增大。
8.内部样式取代外部样式，继承自己没有的样式。
9.background的属性color、image、repeat、position、attachment
background-position：关键字、百分百、像素
10.文本样式：color、direction、line-height、text-indent、text-align、text-transform、text-shadow、text-decoration、word-spacing、letter-spacing、white-space、unicode-bidi、font-family、font-size、font-size-adjust、font-stretch、font-style、font-variant、font-weight
11.列表属性：list-style、image、position、type、marker-offer
12.表格属性：border-collapse、border-spacing、caption-side、empty-cells、table-layout
13.轮廓：outline
14.盒模型:border、margin、padding、element
p {
border-style: solid; border-color: blue rgb(25%,35%,45%) #909090 red; }
16.
我们把特殊性分为4个等级，每个等级代表一类选择器，每个等级的值为其所代表的选择器的个数乘以这一等级的权值，最后把所有等级的值相加得出选择器的特殊值。
4个等级的定义如下：
- 第一等：代表内联样式，如: style=””，权值为1000。
- 第二等：代表ID选择器，如：#content，权值为100。
- 第三等：代表类，伪类和属性选择器，如.content，权值为10。
- 第四等：代表类型选择器和伪元素选择器，如div p，权值为1。
<link href="/resources/css/ie8?v=" rel="stylesheet"/>
<![endif]-->
<link href="/resources/css/ie7?v=86ePElR7UGgMPCGa93Tj8TDCDyA2e5Mk_pmjbjNbiKU1" re
<![endif]-->
- opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持Firefox, Safari和 Opera.
- filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，其它三个0到1.
- -moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
- -khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
931
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
