我们可以在HTML文件内直接插入样式。
例如Thisisfontsize16.
以上的HTML文件在浏览器上会显现为:Thisisfontsize16.
嵌入套用样式可以嵌入于HTML文件中(通常是在<head>内)。
举例来说,<head><styletype="text/css">div{div{background-color:#FF0000;}</style></head><body>背景颜色是红色</body>
以上的HTML会显现出:背景颜色是红色
外部连接套用在这种方式下,所有的CSS样式宣告都是存在另外一个档案中。
该档案通常名称为.css。
在HTML文件的<header>..</header>之中,我们将用以下的程式码将这个.css档案连接进入:
<linkrel=stylesheettype="text/css" href="external-stylesheet.css">
以上这一行会将在external-stylesheet.css这个档案内所宣告的样式加入HTML文件内。
汇入套用汇入套用外部的CSS样式也可以被汇入进HTML文件。
汇入的做法为利用@import这个指令。
@import的语法为:<STYLETYPE="text/css"><STYLETYPE="text/css"><</STYLE>@import">!--@importurl(http://www.divhome.com/#.mysite.com/style.css);@importurl(</STYLE>
@import指令 初的用意,是为了能够针对不同的浏览器而运用不同的样式。不过,现在已经没有这个必要。现在用@import的目的, 常是要加入多个CSS样式。当多个CSS样式被@import的方式加入,而不同CSS样式互相有冲突时,後被加入的CSS样式有优先的顺位(详情请见CSS串接)。
|