CSS笔记总结（Xmind格式）：第三天

Xmind鸟瞰图：

简单文字总结：

css知识：
边框线：
    1.border-width:边框的粗细
    2.border-style:边框线的样式(solid实线,double双实线,dotted点线，dashed虚线)
    3.border-color:边框线的颜色
    4.简写形式：border:粗细 样式 颜色
    5.单独指定每个边框线的样式：border-top(left,right,bottom)

边框圆角：
    1.border-radius：值可以是固定的也可以是百分比（100%为圆）
    2.不设置边框也可以设置边框圆角，它们两个之间没有直接的联系
    3.可以单独指定每个边框的圆角：border-radius:上 右 下 左

内边距：
    1.边框线到内容之间的距离
    2.内边距会改变盒子的大小
    3.盒子的大小=内容+内边距+边框线
    4.简写形式：padding:上 右 下 左
    5.改变内容在盒子中的位置
    6.在不改变盒子大小的前提下，只能改变内容的大小  

外边距：
    1.盒子与盒子之间的距离
    2.不会影响盒子的大小，只会影响盒子的位置
    3.简写形式：margin:上 右 下 左
    4.外边距会占据页面的位置
    5.auto可以使盒子水平居中，但不能垂直居中，因为没有垂直方向的外边距
    6.解决外边距塌陷：在盒子上方添加上边框或上内边距

解决溢出部分:
    1.auto超出部分显示滚动条
    2.hidden超出部分隐藏 
    3.scroll不管超出不超出都显示滚动条

详细Xmind原文档，在文章顶部自取下载！