CSS基礎選擇器

7束QW發表於2020-11-06
CSS

4  萬用字元選擇器

一、案例描述

  1. 考核知識點

CSS基礎選擇器

  1. 練習目標
  • 掌握萬用字元選擇器的應用。
  • 靈活掌握CSS內嵌式的引用方法。
  1. 需求分析

使用CSS對網頁進行修飾時，如果需要設定的樣式對所有的HTML標記都生效，就需要使用萬用字元選擇器。本案例通過使用萬用字元選擇器來控制頁面中的所有元素，達到頁面中的所有元素都顯示同一種樣式的效果。

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

  1. 萬用字元選擇器應用效果
  1. 具體實現步驟如下：
  1. 使用內嵌式引入CSS樣式表。
  2. 使用萬用字元選擇器為頁面中的所有標記設定為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>

 

相關文章