将样式表(css)加到你的网页中的几种方法

(1)、将样式表置入 HTML 文件头部:
<textarea class="code" rows="10" cols="50"><STYLE TYPE="text/css">       <!--       H1 {color: green; font-family: impact}       P {background: yellow; font-family: courier}       -->       </STYLE></textarea>
(2)、将一个外部样式表定义文件链接到 HTML 文件上:
<textarea class="code" rows="10" cols="50"><HEAD>       <LINK REL=stylesheet href="mystyles.css" TYPE="text/css">       </HEAD></textarea>
文件 mystyles.css 的内容如下:
<textarea class="code" rows="10" cols="50">H1 {color:green; font-family:impact}       P {background:yellow; font-family:courier}</textarea>
(3)、将一个外部样式表定义文件输入到 HTML 文件中:
<textarea class="code" rows="10" cols="50"><STYLE TYPE="text/css">       <!--       @import url(company.css);       H1 { color: orange; font-family: impact}       -->       </STYLE></textarea>
其中 company.css 文件内容如下:
<textarea class="code" rows="10" cols="50">H1{color:green; font-family:times}       P{background:yellow; font-family:courier}</textarea>
(4)、将样式表加入到 HTML 文件行中:
<textarea class="code" rows="10" cols="50"><H1 STYLE="color: orange;font-family:楷体_gb2312>HTML中的样式表</H1></textarea>
(注意:如果一个网页中同时使用了以上4种方法,那么它们的优先级从高到低是 4-3-2-1。)

本文链接:

https://heng07.com/post/94.html