1、术语: H1 { color: green } 每一条规则包含一个选择及说明。在上述例子中,H1就是选择,它是一个附带样式功能的HTML标签。说明用于定义实际的样式,包括两部分:属性(本例中即color)和参数(green)。
2、可以归类和有继承性。
H1, P, BLOCKQUOTE { font-family: arial }
这项规则设定所以位于 、 和的标签将用Arial字体显示。 B { color: blue } 这项规则告诉浏览器将所有之内的文字用蓝色显示。但是在下列情况下,浏览器该如何处理呢?
All my Web pages will use cascading stylesheets within four weeks.
3、将样式表加到网页的4种方法。每种方法都有其不同的优点: (1)将样式表植入HTML文件中。所有的样式表信息都列于HTML文件的顶部,同分列,例:
<STYLE type=text/css>
<!--
H1 { color: green; font-family: impact }
P { background: yellow; font-family: courier }
-->
</STYLE>
(2)将一个外部样式表链接到HTML文件上。 <LINK href="mystyles.css" type=text/css rel=stylesheet>(3)将一个外部样式表输入到HTML文件中。 输入外部样式表的方法同链接的方法类似。不同之处在于链接法不能同其它方法结合使用,但输入法则可以。例:
<STYLE type=text/css>
<!--
@import url(company.css);
H1 { color: orange; font-family: impact }
-->
</STYLE>
(4)将样式表加入到HTML文件行中。
<H1 style="COLOR: orange; FONT-FAMILY: impact">Stylesheets: The Tool of the Web Design Gods</H1>
<P style="BACKGROUND: yellow; FONT-FAMILY: courier">Amaze your friends! Squash your enemies!</P></B></H1>
2、可以归类和有继承性。
H1, P, BLOCKQUOTE { font-family: arial }
这项规则设定所以位于 、 和的标签将用Arial字体显示。 B { color: blue } 这项规则告诉浏览器将所有之内的文字用蓝色显示。但是在下列情况下,浏览器该如何处理呢?
All my Web pages will use cascading stylesheets within four weeks.
3、将样式表加到网页的4种方法。每种方法都有其不同的优点: (1)将样式表植入HTML文件中。所有的样式表信息都列于HTML文件的顶部,同分列,例:
<STYLE type=text/css>
<!--
H1 { color: green; font-family: impact }
P { background: yellow; font-family: courier }
-->
</STYLE>
(2)将一个外部样式表链接到HTML文件上。 <LINK href="mystyles.css" type=text/css rel=stylesheet>(3)将一个外部样式表输入到HTML文件中。 输入外部样式表的方法同链接的方法类似。不同之处在于链接法不能同其它方法结合使用,但输入法则可以。例:
<STYLE type=text/css>
<!--
@import url(company.css);
H1 { color: orange; font-family: impact }
-->
</STYLE>
(4)将样式表加入到HTML文件行中。
<H1 style="COLOR: orange; FONT-FAMILY: impact">Stylesheets: The Tool of the Web Design Gods</H1>
<P style="BACKGROUND: yellow; FONT-FAMILY: courier">Amaze your friends! Squash your enemies!</P></B></H1>

浙公网安备 33010602011771号