本文参与4月更文挑战，打卡day8，第八篇
7. 边框
border-style
一个 CSS 简写属性，用来设定元素所有边框的样式。（table表格也是可以使用此属性）
属性值：dotted(点状边框)，solid(实线)，inset(内嵌)
border-style：1,2,3,4：可以同时写四个属性值，1、2、3、4分别对应上、右、下、左四个边框。
border-style：1,2,：可以同时写两个属性值，1、2分别对应上下、左右四个边框。
border-style：1,2,3：可以同时写三个属性值，1、2、3分别对应上、左右、下四个边框。
后两种写法可以理解为按照上右下左的顺序找到对应的边框样式，没有写的就取对边的样式
border-width
border-width属性可以设置盒子模型的边框宽度。同样可以写1/2/3/4个属性值。
border-color
同样可以写1/2/3/4个属性值。
用于设置元素四个边框颜色的快捷属性： border-top-color, border-right-color, border-bottom-color, border-left-color
border-radius（常用）
设置元素的外边框四角。即在四角画四分之一圆（以四角的边为切线），这个圆的半径就是该属性的属性值。同样可以写1/2/3/4个属性值。（分别对应的左上角、右上角、左下角、右下角）
书写头像
border-collapse
决定表格的边框是分开的还是合并的。在分隔模式下，相邻的单元格都拥有独立的边框。在合并模式下，相邻单元格共享边框。（table表格用的多）
8. 元素展示格式
display
block块级元素（eg. div/h1/p...）
- 独占一行
width、height、margin、padding均可控制
width默认100%
inline（eg. span）
- 可以共占一行
width与height无效（由其内容决定），水平方向的margin与padding有效，竖直方向的margin与padding无效
width默认为本身内容宽度
inline-block（eg. img）
- 可以共占一行
width、height、margin、padding均可控制width默认为本身内容宽度
white-space
white-space CSS 属性是用来设置如何处理元素中的 空白 (en-US)。
nowrap属性值表示不换行（默认/normal是换行的）
也可以写pre属性值实现和pre标签一样的效果（保留代码格式）
text-overflow
确定如何向用户发出未显示的溢出内容信号。它可以被剪切，显示一个省略号或显示一个自定义字符串。
text-overflow:ellipsis;，超出父元素的内容用省略号代替，无滚轮。
overflow（常用）
定义当一个元素的内容太大而无法适应 块级格式化上下文 时候该做什么。它是 overflow-x 和overflow-y的 简写属性 。
auto属性值：如果出现超出父元素范围就出现滚轮（行超出行有列超出列有），没有超出就不出现
scoll属性值：行列滚轮都有
overflow-x:scoll； 指定横向滚轮，属性值为hidden就是不显示滚轮
overflow-y:scoll； 指定纵向滚轮，属性值为hidden就是不显示滚轮
