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 … {} 只作用于最后一个选择器,前面的选择器只是过滤条件,帮助定位
网友评论