css选择器有哪些? 块元素和内联元素的区别？不同个数“=”的区别？

一、css选择器有哪些？

1、id选择器（#）

2、class类选择器（.）

3、群组选择器，由逗号隔开（#xx, .xx）

4、包含选择器（逐级选择--> 可继承）

5、通配符（*），eg: * {margin: 0; padding: 0;} => 整个网页的内外边距都为0

6、动态伪类选择器，eg：a:link; a: visited; a:hover; a:active{color: red;} (链接上的颜色设置)

7、属性选择器，eg: a[target] { background-color: yellow; }

二、块元素和内联元素的区别？

1、块元素的特点：设置宽高有效，当未设置宽度时，默认通栏，独占一行。

2、内联元素特点：设置宽高无效，上下margin、padding设置失效，左右设置生效，不独占一行。

3、行内块元素特点：既有块元素特点又有内联元素特点。设置宽高有效，能设置上下左右margin和padding，但是不独占一行。eg: input、img等元素是行内块元素。display: inline-block; 可以设置当前标签为行内块元素标签。

三、不同个数“=”的区别？

1、一个“=”是赋值。

2、两个“==”是比较，比较值是否相等，eg: 1 == “1” => true。

3、三个“===”（强等于）不仅比较值是否相等，还要比较数据类型是否一样，eg: 1 === "1" => false。