|
一．1.CSS的盒子模型 1.页面布局的三大核心：盒子模型，浮动和定位 2.盒子模型的组成： 1.边框：border设置元素的边框，边框是由三部分组成：边框的宽度，样式，颜色 ；语法：border：-width ； -style ； -color ； 2.边框会影响盒子的实际大小：在盒子的基础上修改 单独设置边框的部分样式：-width； -style：solid实线边框 dotted 点线边框 dashed虚线边框 3.给表格是指细线边框：border-collapse：collapse 4.将相邻的单元格连在一起 2.内边距： 1.属性名：padding 边框和内容之间的距离 2.属性值：-left ，-right ，-top ，-bottom 左右上下内边距 3.padding：依次代表的上 右 下 左
4.padding 不会撑开盒子的情况；如果盒子没有指定宽度就不会撑开，指定宽度就会撑开 5.不想让盒子撑开就和border 不会让撑开的处理方式一样 3.外边距: 1.分别设置各个方向的外边距： Margin-left：左 -right：右 2.外边距的简写：同 border 3.外边距的典型应用 1.将块级盒子进行水平居中：必须满足的条件：盒子必须有宽度，左右的外边距设置为auto。 2.外边距的合并 3.清除、内外边距 二．圆角搜索框： 1.在CSS种使用border-radius属性来设置圆角边框 2.语法：border-radius：像素值/百分比：代表是圆的半径； 如果画正圆形 写成高度的一半，也可以写成50% 如果要设置四个角的圆角边框不一致;border-top-left-radius 来置左上角，还有右上角，左下角，右下角 3.CSS的盒子阴影：box-shadow属性为盒子添加阴影： h-shadow 必须值，水平阴影的位置，允许有负值；v-shadow必须值，垂直阴影的位置，允许有负值 ； blur可选 模糊距离 ；；spread 阴影的尺寸；；color 阴影颜色 ；；inset 外部阴影是outset 内部阴影是inset 注意点：默认的阴影是外部阴影但是不可以在box-shadow里面写这个属性，否则会使阴影消失，；阴影不会影响盒子的排列
| 
