CSS选择器

Html用于呈现网页的内容与结构,CSS用于设置页面中内容的外观,即表现形式,在对内容进行样式的设置时,首先要选择欲应用样式的内容,这主要通过CSS的选择器进行。本部分内容主要对CSS选择器进行学习。

一、基础选择器

1.通配符 *

选定文档内所有的对象,通常用于对全局内容样式的设置。

2.ID选择器 #ID

在HTMl中,ID的使用要尽量少用,以增强CSS代码的通用性。ID主要用于页面区块内容的划分。

3.类选择器 .className

通过class属性进行选择,是使用最多的一种方式

4.标签选择器

通过标签类型进行选择

例1.基础选择器的使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>选择器</title>
</head>
<body>
    <div id="wrap">
        <header></header>
        <div class="page_body"></div>
        <footer></footer>
    </div>
</body>
</html>

二、关系选择符

三、属性选择符

四、伪类选择符

五、伪对象选择符

01-14 22:23