4 通配符选择器
一、案例描述
- 考核知识点
CSS基础选择器
- 练习目标
- 掌握通配符选择器的应用。
- 灵活掌握CSS内嵌式的引用方法。
- 需求分析
使用CSS对网页进行修饰时,如果需要设置的样式对所有的HTML标记都生效,就需要使用通配符选择器。本案例通过使用通配符选择器来控制页面中的所有元素,达到页面中的所有元素都显示同一种样式的效果。
- 案例分析
- 效果如图3-7所示。
- 通配符选择器应用效果
- 具体实现步骤如下:
- 使用内嵌式引入CSS样式表。
- 使用通配符选择器为页面中的所有标记设置为18px、红色、不加粗、不倾斜的正常字体。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>通配器</title>
<style type="text/css">
*{color:red; font-size:18px; font-style:normal; font-weight:normal;}
</style>
</head>
<body>
<h1>我是标题H1标记</h1>
<h2>我是标题H2标记</h2>
<div>我是div标记</div>
<p>我是段落P标记</p>
<em>我是斜体标记</em>
<strong>我是加粗标记</strong>
<span>我是span标记</span>
<b>我是b标记</b>
</body>
</html>