层叠样式表（CSS）3

三、层叠样式表属性

1.文字属性

font-size:字体大小
line-height:行高
font-family:字体
font-weight:粗细程度
.......等等很多，可自行学习

2.文本属性

color:文本颜色
text-align:对齐方式 值：left center right
text-decoration: 值：none（去下划线） underline（设置下划线） line-through（中划线） overline（上划线）
text-transform:单词大小写 值：uppercase（单词大写） lowercase（单词小写）capitalize（每个单词的首字母大写）

3.背景属性

background-color:背景色
background-image:背景图 url("图片的路径");
background-repeat:背景平铺方式 值：默认横向纵向平铺 repeat（横向纵向平铺） no-repeat（不平铺） repeat-y（纵向） repeat-x（横向）

4.列表属性

list-style-type:列表项前的小标志 值：有很多，可自行找资料学习 例：none disc circle
list-style-image:列表项前的小图标 值：url("图片路径")

5.尺寸属性

width:宽
height:高
line-height：行高
max-height：最大高度
max-width:最大宽度
min-height:最小高度
min-width:最小宽度

6.显示属性

display: 值：none（隐藏） block（块级显示） inline（行级显示）
带着疑问先学吧，这个属性是可以把提示信息隐藏，比如说：密码要求8位，但是错误信息不会立即显示，待你提交表单时在后面显示：（假如只输入7位）密码不够8位，无效密码，请重新输入。

7.浮动属性

float:值：left right clear:清除浮动 （left/right/both）
劣势：首先会影响相邻元素不能正常显示，其次在嵌套时影响父级元素不能正常显示，解决方法是要clear浮动。

四、层叠样式表的盒子模型

1.border边框

border-width:边框的宽度
border-color:边框的颜色
border-style:边框的线型
border-left:左边框
border-right_右边框
border-top:上边框
border-bottom:下边框

2.padding:边框内壁与内部元素的距离

padding:1px（上下左右皆一样）
padding:10px（上下） 20px（左右）
padding:10px（上） 20px（左右） 30px（下）
padding:10px（上） 20px（右） 30px（左） 40px（下）
padding-top:单独设置

3.margin:边框外壁与其他元素的距离

margin:1px（上下左右皆一样）
margin:10px（上下） 20px（左右）
margin:10px（上） 20px（左右） 30px（下）
margin:10px（上） 20px（右） 30px（左） 40px（下）
margin-top:单独设置

注：未经同意请勿转载，仅作学习使用。以上有描述不正确之处，望大家能不吝指出，共同学习共同进步。谢谢