块元素、内联元素、css选择器

 

• <div>属于块元素：无论内容多少都会独占一行，它没有任何语意，也就是没有任何默认样式，主要用来对页面进行布局。

<a>可以包含任意的元素，除了它本身

块元素的宽度在文档流里是父元素的100%，当元素的值为auto是，此时内边距不会影响可见框大小，而是自动改变，以适应内边距；高度默认被内容撑开。

<p>元素也属于块元素，其中不能放块元素，只能放内联元素

• <span>是一个内联元素也就是行内元素，只占自身大小。没有任何语意，用来为被选用文字设置特定样式。

一般用块元素包含内联元素，反之亦然

 

• 标签选择器：标签{}

id选择器：#id属性值{}（注意：id名不能重复）

class选择器:.class属性值{}它与id类似，只不过class可以重复

     一个元素可以同时设置多个class属性值 中间用空格隔开

如果将多个选择器的元素设置相同样式，可以用选择器分组（并集选择器），即选择器1，选择器2，..{}

选中页面中的所有元素也就是通配选择器：*{}

交集选择器：可以选择同时满足多个选择器的元素：选择器1选择器2..{}

• 当使用不同的选择器选中同一个元素时，并且设置相同样式，这时样式之间产生了冲突，最终由优先级决定采用哪个样式。

内联样式优先级是1000，id选择器优先级是100，类和伪类优先级是10，元素选择器优先级是1，通配优先级是0，继承没有优先级。

当选择器中包含多个选择器时，需要将器优先级相加进行比较。如果选择器的优先级一样，则使用靠后的样式。

并集选择器独立计算

在某一样式后加！important，则会优先于所有样式显示，但在开发中尽量避免