border
solid
实线
dotted
点状虚线
dashed
虚线
double
双线
水平垂直方向布局
设置水平居中
margin: 0 auto;
overflow
overflow
处理子元素从父元素溢出
visible 默认值
hidden 超出部分被裁剪
scroll 生成x y两个滚动条
auto 根据实际需要生成滚动条
垂直外边距的重叠(折叠)
相邻的垂直方向外边距会发生重叠现象
兄弟元素
- 兄弟元素见得相邻垂直外边距会取两者之间的较大值(两者都是正值)
- 特殊情况
如果相邻的外边距一正一负,则取两者的和
古国相邻的外边距都是负值,则取两者中的绝对值较大的
- 兄弟元素之间的外边距的重叠,对于开发是有利的,所以我们不需要进行处理
父子元素
- 父子元素间相邻外边距,子元素的会传递给父元素(上外边距)
行内元素(行内元素不能设置宽高)
display和visibility
display
设置元素显示类型
inline 设置为行内元素
block 设置为块元素
inline-block 设置为行内块元素,即可设置宽高,又不会独占一行
none 隐藏元素
visibility
设置显示状态
hidden 显示
hidden 隐藏,占据位置
网友评论