开发者学堂课程【CSS 快速掌握：基本选择器 】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/611/detail/9169
基本选择器
内容介绍
一、什么是选择器
二、四种选择器的作用
一、什么是选择器
1、选择器指通过一定的语法规则选取到对应的 HTMI 标记，然后给这个对应的 HTMI 标记设置样式。
2、选择器的四大类：基本选择器、复合选择器、伪类选择器、属性选择器
l 基本选择器
选择器 |
格式 |
含义 |
举例 |
通用选择器 |
*{属性：值；} |
通用选择器，将匹配HTML所有标签。不建议使用。IE6不支持，给大型网站增加负担 |
*{margin:0px;} |
标签选择器 |
标签名{属性:值;} |
标签选择器，匹配对应的HTML标签 |
p{font-size:14px;} |
类选择器 |
.class属性值{属性:值；} |
类选择器，给拥有指定的CLASS属性值的元素设置样式 |
.box{width:800px;} |
Id选择器 |
#id属性值{属性:值;} |
Id选择器可以为标有特定ID的HTML元素指定特定的样式，只能使用一次。ID选择器以”#”来定义。 |
#title{font-size:14px;} |
二、四种选择器的作用
通用选择器
<title>通用选择器, </title>
<style type=’’text/css’’>
/*使用嵌入式*/
/*
使用通用选择器来设置样式
格式：*{属性：值；}
作用：给 HTML 中的所有的标签设置样式
Color:#00f；给文本设置颜色
标签选择器
类选择器：
<title>类选择器<title>
/*使用嵌入式*/
/*
使用通用选择器来设置样式
格式：*{属性：值；}
作用：给拥有指定的 class 的属性的值设置样式，不管是什么标签，只要是拥有相同的 class 属性值，就会设置样式。