一：今日学习：1.css盒子模型的边框：border可以设置元素的边框，其中border-style可以设置实线边框、虚线边框和点线边框。边框会影响盒子的大小。
2.盒子模型的内边距：通过padding来设置内边距，可以在padding后加方位名词来单独设置一边的边框。如果要用padding简写在，则按照上右下左的顺序来写。padding不会撑开盒子，如果指定了宽度才会撑开盒子。
3.盒子模型的外边距：通过margin来定义，用法和内边距的用法一样。如果想让盒子居中，盒子必须要有宽度，将左右外边距设置为auto，就可以让行内盒子进行水平居中。
4.外边距合并与塌陷：合并：当上下相邻的两个块元素相遇时，如果上面的元素有下边距，则它们之间的外边距不是上下边距之和，而是边距较大值的边距。
塌陷：如果两个嵌套的盒子，父元素有上边距，子元素也有上外边距，则取外边距较大的值。
解决方案：给父元素定义上边框、给父元素添加上内边距、给父元素定义overflow hidden。
清除内外边距：进行网页布局之前，将内外边距清除很有必要。使用通配符选择器，将margin和padding设置为0。
5.css的圆角边框：在css中使用border-radius来设置圆角边框，radius是圆的半径。如果想画一个正圆，就可以设置一个正方形，然后将border-radius设置为宽高的一半。如果想设置四个圆角不一样的边框，则使用加方位名词的border-radius。
6.css的盒子阴影：在css中使用box-shadow来设置盒子阴影。属性值有h-shadow（水平阴影的位置，允许有负值）、v-shadow（垂直阴影的位置，允许有负值）、blur（模糊距离）、spread（阴影的尺寸）、color（阴影的颜色）、inset（阴影位置的默认值，外部阴影是outset）。
注意：默认的阴影是外部阴影，但不可在shadow中写，否则盒子失效。
盒子阴影不占用空间，不会影响盒子的排列。
二.今日问题：无。
三.解决方案：无。
|
