Css选择器 标签选择器 类选择器 ID选择器 通配符选择器

Css选择器

选择器是css中选择对象的方法，通常有 标签选择器 类选择器 id选择器 通配符选择器

标签选择器

标签选择器通常用来给某一类标签设置统一的样式

使用方法

标签 {
  属性：属性值；
}
/**例如*/
h3 {
  color:red;
  font-size:16px;
}

作用：可以把某一类的标签快速设置样式，但不能差异化设置

类选择器

类选择器使用"."后跟类名

.类名 {
  属性：属性值;
}

优点：可差异化选择， 选择一个或多个，谁应用谁调用。实际中用的最多。

类名的选取

不要使用纯数字，中文，使用英文单词，见名知意

id选择器

id选择器使用#进行标识，后面紧跟id名

基本语法为

#id{
  color:red;
  font-size:16px;
}

与类选择器的区别

类选择是可以多次重复使用

W3C规定，id不能重复指定对象

id选择器一般应用于唯一元素，与JavaScript配合使用。

通配符选择器

通配符选择器使用”*“，所有选择器中作用范围最广，匹配页面中所有元素。

基本语法格式：

*{
  属性：属性值；
}

通常使用以下代码，清除所有html标记的默认边距:

*{
  margin:0;
  padding:0;
}

尽量不要使用通配符选择器，影响页面渲染速度和响应时间。