日期:2013-07-02  浏览次数:21025 次

1、选择器(Selector

选择器不只是文档中的元素标记,它还可以是类(Class,这不同于JavaC++中的类)、ID(给予元素特殊的名称,也便于在脚本中使用)或是元素的某种形状(如:a:link)。如:

<html>
<style>
<!--
p {color:red
font-weight : bold }
.bigFont {font-size:200%}
#blueBack {background-color:blue;color:yellow}
-->
</style>
<body>
<p>
利用<span class="bigFont">Class</span><span id="blueBack">ID</span>显示内容。</p>
</body>
</html>

其中.someclass代表类,#someID代表ID。类和ID也可以和元素标记合用,比如:

p.bigFont {……}

则表示必须在某个为bigFont类的P标记(<p class="bigFont">)才执行款式单,同样的也适合于ID
为了简化声明某些反复属性的标记,可以用","把不同的选择器隔开,表示它们都表示成相反的属性,如:

H1,H2 {color:red}
Div, p.mytext {
……}

有时我们还希望能够在特定的范围内使款式单生效:

p em {color:red}

元素标记间又空格隔开,表示在<p></p>间的<em><em>用红色表示。另外还可以利用"~"表示一个选择器后面紧跟另一个选择器,并且两边以"/"围住:

/ Selector1 ~ Selector2/ {……}

表示如果Selector2紧跟着Selector1则使用该款式单。

2、属性值的单位

在款式单中,属性的单位多为长度单位,包括px(象素)、pt(磅)、em(一种排版中的单位,1em12pt)、mm(毫米)、cm(厘米)、pc1pc12pt)、in(英寸),这些单位可以使用整数(如px)表示,也可以使用实数(如em)表示,并且元素中对数值还有承继(inherit)的关系比如:

body {font-size:12pt;text-indent:3em;}
H1 {font-size:15pt}

那么在显示中H1text-indent属性就不是36pt而是45pt

有的属性的单位甚至可以是负值,如margin,可以达到一些特殊的效果,如元素之间的堆叠。另外还有一些其他的单位如角度,它的单位有deg(度)、grad(梯度)和rad(弧度);频率的单位,HzkHz,这些都是我们非常熟悉的。

3、注释及空格

款式单也有注释语句:可以用"/*……*/"<