前端之CSS基础选择器

CSS基础选择器

1、标签选择器

格式：

标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

所有的HTML标签名都可以作为标签选择器，列：body、h1、p。
用标签选择器定义的样式对页面中该类型的所有标签都有效。

---

2、类选择器

格式：

.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

类名即为HTML标签的class属性值，大多数HTML标签都可以定义class属性。类选择器最大的优势就是可以为标签对象定义单独或相同的格式

---

3、id选择器

格式：

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

id名即为HTML标签的id属性中的值，标签的id值是唯一的，只能对应于文档中某一个具体的标签

---

4、通配符选择器

格式：

*{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

他是所有选择器中作用最广的，能匹配页面中的所有标签。

*{
  margin: 0;		/*定义外边距*/
  padding: 0;	       /* 定义内边距*/
}

上面的代码，使用通配符选择器定义CSS样式，清除所有HTML标签的默认边距。

注意：实际开发不建议使用通配符，因为他的设置对所有标签都生效，反而降低开发效率。

---

未完…