发表于： 2018-04-29 23:18:16
1 505
今天完成的事情
学习了CSS盒子Margin（外边距）Border（边框）Padding（内边距）属性
明天的计划
查看学习资料--《浮动——float详解》
遇到的问题
对盒子属性的大小值容易搞混
今天的收获
padding 属性可以是长度值或百分比值，但不允许使用负值。
可以通过四个单独的属性，分别设置上、右、下、左内边距：
padding-top
padding-right
padding-bottom
padding-left
Padding属性，可以有一到四个值。
padding:25px 50px 75px 100px;上填充为25px
右填充为50px
下填充为75px
左填充为100px
padding:25px 50px 75px;
上填充为25px
左右填充为50px
下填充为75px
padding:25px 50px;
上下填充为25px
左右填充为50px
padding:25px;
所有的填充都是25px
Margin属性可以使用任何长度单位（像素、英寸、毫米）、百分数值和负值。没有背景颜色，是完全透明的
margin 可以设置为 auto
可以使用下列任何一个属性来只设置相应上的外边距
外边距少于 4 个值时
body 标签定义的默认边距值是 8px如果缺少左外边距的值，则使用右外边距的值。
如果缺少下外边距的值，则使用上外边距的值。
如果缺少右外边距的值，则使用上外边距的值。
边框指定宽度有两种，长度值和3个关键字thin 、medium（默认值）和thick。
- 边框的样式属性用border-style来定义
- 边框的颜色属性用border-color来定义
- 边框的宽度属性用border-width来定义
- 边框的属性可以是四个值，例如：
- border-style:dotted solid double dashed;
- 上边框是 dotted
- 右边框是 solid
- 底边框是 double
- 左边框是 dashed
- border-style:dotted solid double;
- 上边框是 dotted
- 左、右边框是 solid
- 底边框是 double
- border-style:dotted solid;
- 上、底边框是 dotted
- 左、右边框是 solid
- border-style:dotted;
- 四面边框是 dotted
- border-style:dotted solid double dashed;
返回列表
评论