4  通配符选择器

一、案例描述

  1. 考核知识点

CSS基础选择器

  1. 练习目标
  • 掌握通配符选择器的应用。
  • 灵活掌握CSS内嵌式的引用方法。
  1. 需求分析

使用CSS对网页进行修饰时，如果需要设置的样式对所有的HTML标记都生效，就需要使用通配符选择器。本案例通过使用通配符选择器来控制页面中的所有元素，达到页面中的所有元素都显示同一种样式的效果。

  1. 案例分析
  2. 效果如图3-7所示。

CSS基础选择器_css

  1. 通配符选择器应用效果
  2. 具体实现步骤如下：
  3. 使用内嵌式引入CSS样式表。
  4. 使用通配符选择器为页面中的所有标记设置为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>