1、框模型
1、内边距
属性:
padding:value;
padding-top / right / bottom / left:value;
2、box-sizing
作用:指定框模型的计算方式
取值:
1、content-box
width 和 height 只表示内容区域的尺寸
2、border-box
width 和 height 会包含 内容区域的尺寸,内边距 以及 边框的宽度
2、背景属性
1、背景颜色:background-color
2、背景图片:background-image
3、背景平铺:background-repeat
4、背景尺寸:background-size
5、背景位置:background-position
6、背景属性:
属性:background
取值:color url repeat position
3、文本格式化
1、字体属性
1、指定字体:font-family
2、字体大小:font-size
3、字体加粗:font-weight : normal / bold / v
4、字体样式:font-style:normal/italic
5、小型大写字符:font-variant:normal/small-caps
6、字体属性
font:style variant weight size family;
注意:family的值必须要指定
2、文本属性
1、文本颜色 :color
2、文本排列方式
属性:text-align
取值:left / center / right / justify
3、文本修饰
属性:text-decoration
取值:none / underline / line-throught / overline
4、行高
属性:line-height
取值:px / 无单位的数值
5、首行文本缩进
属性:text-indent
6、文本阴影
属性:text-shadow
取值:h-shadow v-shadow blur color
4、表格
特有属性:
1、边框合并
属性:border-collapse
取值:separate / collapse
2、边框边距
属性:border-spacing
取值:
取值为1个数字 :水平和垂直间距相同
取值为2个数字 :
第1个数字 :水平间距
第2个数字 :垂直间距
注意:只有在border-collapse的值为separate时才有效
5、过渡
1、属性
1、指定过渡属性
属性:transition-property
取值:属性名称
2、指定过渡时长
属性:transition-duration
取值:以 s 或 ms 为单位
3、指定速度时间曲线函数
属性:transition-timing-function
取值:
ease / linear / ease-in / ease-out / ease-in-out
4、指定过渡延迟
属性:transition-delay
取值:以 s 或 ms 为单位的数值1、框模型
1、内边距
属性: