1.5.7 在网页中引入样式表
最常用的样式表引入方式有:内嵌样式(Inline Style)、内部样式表(Internal Style Sheet)和外部样式表(External Style Sheet)。
❑内嵌样式:内嵌样式是写在标签里面的。内嵌样式只对所在的标签有效。如下代码所示。
<p style="font-size:20pt;color:red">用Style定义字体<p>
这里在<p>标签内增加样式:style="font-size:20pt;color:red",这个样式只对当前<p>标签有效。
❑内部样式表:内部样式表是写在HTML的<head></head>里面的。内部样式表只对所在的网页有效。如下面代码所示。
<HTML>
<HEAD>
<STYLE type="text/css">
H1.mylayout{border-width:1;border:solid;text-align:center;color:red}
</STYLE>
</HEAD>
<BODY>
<H1 class="mylayout">这个标题使用了Style。</H1>。
<H1>这个标题没有使用Style。</H1>
</BODY>
</HTML>
❑外部样式表:外部样式表是指将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。如下面的HTML文档引入当前目录下的CSS文件:style.css。
<HTML>
<HEAD>
<link href="sytle.css"rel="stylesheet"type="text/css">
</HEAD>
<BODY>
<H1 class="mylayout">这个标题使用了Style。</H1>。
<H1>这个标题没有使用Style。</H1>
</BODY>
</HTML>