一、今日学习内容
1、CSS的盒子模型
（1）边框（border）：border:border-width border-style border-color;
常用属性值：solid：实线边框（最常用）；dotted：点线边框；dashed：虚线边框；
边框会影响盒子的实际大小——>解决方案：在页面上量盒子时，需要width/height减去边框的宽度；
给表格设置细线边框： border-collapse: collapse;——>表示将相邻的边框合在一起
（2）外边距（margin）
分别设置各个方向的外边距：margin-left：左内边距；margin-right：右内边距；margin-top：上内边距；margin-bottom：下内边距；
外边距简写：1、写一个值，代表设置上下左右内边距；
2、写两个值，代表设置上下内边距；
3、写三个值，代表设置上内边距,左右内边距，下内边距；
4、写四个值，代表顺时针设置上右下左的内边距；
外边距的合并
相邻块元素的垂直外边距的合并；嵌套块元素垂直外边距的塌陷；
（3）内边距（padding）
属性：padding-left：左内边距；padding-right：右内边距；padding-top：上内边距；padding-bottom：下内边距；
padding简写方法与外边距的相同；
2.CSS的圆角边框：border-radius
（1）border-radius:像素值/百分比；border-radius是圆的半径；
（2）设置四个角的圆角边框值不一致：border-top-left-radius：左上角；border-top-right-radius：右上角；border-bottom-left-radius：左下角；border-bottom-right-radius：右下角；
3.CSS的盒子阴影：box-shadow
（1）属性值：h-shadow：必须值，水平阴影的位置，允许有负值；v-shadow：必须值，垂直阴影的位置，允许有负值；blur：可选，模糊距离；spread：可选，阴影的尺寸；color：可选，阴影颜色；inset：可选，外部阴影是outset，内部阴影是inset；
（2）注意点：
默认的阴影是外部阴影（outset），但是不可以在box-shadow中写这个单词，否则会造成阴影失效；
盒子阴影不占空间，不会影响其他盒子的排列；
二、今日问题 无 三、解决方案 无
|
