零基础学习WEB前端开发(十五)：CSS_id选择器及通配符选择器

目        录

一、id选择器

1.1 语法

1.2 例子

1.3 与类选择器的区别

二、通配符选择器

2.1 语法

2.2 示例

2.3 注意点

---

一、id选择器

id选择器可以为标有特定id的HTML元素指定特定的样式。

HTML元素以id属性来设置id选择器，CSS中id选择器以#来定义。

1.1 语法

#id名 {
    属性1: 属性值1;
    属性2: 属性值2;
      ......
}

1.2 例子

1.3 与类选择器的区别

样式#定义，结构id调用

只能调用一次，别人不准使用

• 类选择器（class）好比人的名字，一个人可能有多个名字，真名、艺名、小名等；同时一个名字也可以被多个人使用，如重名情况；
• id好比身份证号码，是唯一的，只能用一次，只能被一个人用；

二、通配符选择器

在CSS中，通配符选择器使用 * 定义，表示选取页面中所有元素（标签）。

2.1 语法

* {
        属性1: 属性值1;

        属性2: 属性值2;
}

2.2 示例

2.3 注意点

• 通配符选择器不需要调用，自动给所有的元素使用样式；
• 特殊情况才使用，例如清除所有元素标签的内外边距（下面代码所示）

* {
    margin: 0;
    
    padding: 0;
}