CSS知识点

1、margin：盒子与盒子之间的距离

给灰色盒子设置margin时，会吧父级红色盒子带下来，这时要给红色盒子设置值一个边框，使其触发bfc,形成包裹，这时父级就不会被带下来

BFC:块级格式化范围，BFC就像一个页面中容器，包装了后就不会影响到页面其他布局，且这个容器中布局与外面也毫不相干

2、在文字外面套个盒子，再在中盒子外套一个盒子，设置这个盒子的padding值可以达到文字距原来盒子有内边距的效果，如果直接在第一个盒子上设置的话，会改变盒子大小

3、CSS的选择器

（1）通配选择器*（最好 v 不要用）

作用于所有标签，无论标签有没有写，有没有在文档中出现.

（2）标签名选择器

作用于一类标签

使用场景：常用于重置某类标签的样式

（3）群组选择器   选择器1，选择器2，…{ }

p,div{

color:red;

}

（4）类选择器

命名规范：

1、不要以数字开头

2、不要过于简单，要有意义

3、多个单词用下划线连接

4、可以使用多个名字，用空格隔开（可事先设置好某些属性，当该类需要时，直接写到名字种，该类就具有该种属性。

使用场景：用于各种场景，使用最多

（5）后代选择器              选择器1  选择器2 选择器3 … {}      只作用于最后一个选择器，前面的选择器只是过滤条件，帮助定位