css特性
1,可以归类的CSS规则
可以多个HTML标签采用一个样式,例如
h1,p{color:red}
这项规定设定所有被<h1>,<p>标签包围的网页内容用红色显示。
2,样式表的规则有继承性,例如
b{color:blue}
这项规则告诉浏览器所有<b>之内的文字内容用蓝色显示,但是在下列情况下,浏览器该如何显示呢?
<b>这是一个<i>CSS样式表</i>特性</b>
对于<i>标签并没有设定样式,但由于<i>位于<b>和</b>之间,所以它可以继承<b>的样式,使字体以蓝色显示。
3,情景选择
如果想让所有斜体显示的文字(即被<i>和</i>标识的文字)都以红色显示,但条件是只有当这些斜体显示的文字出现在通常的段落文字(即被<p>标识的文字)内时。这就需要使用情景选择来实现。通过情景选择可设定一个可以执行选择说明的情景。
带情景选择的样式表格式如下
情景标签 标识符{属性:属性值}
例子:
<html>
<head>
<title>带情景选择的CSS样式实例</title>
</head>
<style type="text/css">
p i{font-size:30pt;color:red}
</style>
<body bgcolor=lightblue>
<center>
<h1>这是一个<i>CSS样式</i>实例</h1>
<p>这是一个<i>CSS样式</i>实例</p>
</center>
</body>
</html>
其中的HTML代码
<h1>这是一个<i>CSS样式</i>实例</h1>
<p>这是一个<i>CSS样式</i>实例</p>
表示只将所有<p>和</p>之内的斜体文字以红色,大字号显示。
本课主题:css特性
相关主题:
span标签
如何在网页中加入CSS
CSS的结构
用DIV+CSS布局网站的好处
请拨打热线:0571-86586571

