当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > 在HTML文档中植入CSS样式

在HTML文档中植入CSS样式

2012/11/23 14:10:51作者:佚名来源:网络

移动端

【实例介绍】

在HTML文档中植入CSS样式

通过<style>标签元素,可将样式信息作为文档的一部分用于HTML。所有样式表都应列于文档的头部,即包含在<head>和<mead>之间。在<head>中,可以包含一个或多个<style>标记元素,但需要注意<style>和</style>成对使用,并注意将CSS代码置于<!一和一>之间。

【基本语法】

<style  type="text/css">
<!--
选择符1(样式属性:属性值;样式属性:属性值;···)
选择符2(样式属性:属性值;样式属性:属性值;···)
选择符3(样式属性:属性值;样式属性:属性值;···)
···
选择符n(样式属性:属性值;样式属性:属性值;···)
-->【语法介绍】

如果浏览器不能识别style元素,就会将其当做body的一部分照常展示其内容,从而使这些样式表对用户是可见的。为了防止出现这种情况,我们将style元素的内容包含在一个注解<!…一>里面,像上述例子那样。

嵌入的样式表可用于当一个文档具有独一无二的样式时。如果多个文档都使用同—个样式表,那么后面提到的外部样式表会更适用。

【实例代码】

【代码分析】

标签: HTML文档  CSS  样式