1.列表属性 list-style-type list-style-image:url() list-style-position list-style:none(常用)
2.背景属性 background-color background-image background-repeat
background-position background-size:cover/contain/百分比(失真)
background-attachment:scroll/fixed background:(复合写,除size外,颜色默认白色)
3.浮动属性:让竖着的东西横着排列 left/right/none 文字不会被遮住,多行见缝插针
4.清除浮动
1)写固定高度
2)清浮动,加在受影响的div身上
3)当前浮动元素后面补一个盒子,不设置宽高,clear:both
4)overflow:hidden
5.盒子模型
1)paddiing:,,,内边距设置
一个值,四个方向都一样
二个值,上下和左右
三个值,上、左右和下
四个值 ,上下左右
2)border:边框设置
border标签样式:solid double dashed dotted
border-top/left/right/bottom/width/style/color
每个属性可以设置四个值,和padding规则一样
3)margin:,,,外边距,和padding规则一样,背景色不蔓延,支持负值
盒子屏幕水平居中,margin:0 auto
问题一:兄弟关系,两个盒子垂直外边距与水平外边距问题
垂直方向上,取外边距最大值
水平方向上,取相加后的外边距
问题二:父子关系,给子加外边距,但作用于父身上了,怎么解决?
1)子margin-top===>父padding-top,注意高度计算
2)给父盒子设置边框,注意边框高度
3)给父或子盒子加浮动
4)给父盒子加overflow:hidden BFC