在CSS样式中,有大概3种表现形式
1.内联样式:语法为 style="color:red;"
这个语法可以放在单个标签中,如下举例:
<a href="cary_qin.html" style="color:red;">一个超链接</a>
2.嵌入式样式,语法如下,有加'.'点号的class样式,和加'#'好的ID类样式
<style type="text/css">
.waring
{
color:red;
font-size:14px;
}
#colo
{
background-color:red;
color:black;
}
</style>
通常,嵌入式的样式,都是放在HTML的<head></head>标签对里面呈现。
例如,如果你要引用.waring这个标签,则需要加class这个关键字,如下
<a href="test.html" class="waring">这是一个超链接</a>
此超链接将会引用上面的这个样式表。
如果在样式表中,使用#进行定义,则我们需要使用如下方式引用
<a href="test.html" id="colo">这是一个超链接</a> 通过这种方式,我们就引用了上述的样式了。
3.还有一种是外部样式
<link rel="stylesheet" href="styles.css"> 这个是引用外部CSS样式表的方式
此样式表单独做为一个文件,这种方式,可以让所有网页都引用此样式表,极大的提高
了效率。
转载于:https://blog.51cto.com/xpqinqun/1351882