CSS的文本、列表、背景、浮动属性说明

1、文本属性介绍：

属性	描述	说明
font-size	字体大小	单位是px，浏览器默认是16px
font-family	字体	若值为中文、英文字体有空格，需加双引号 多个字体要逗号隔开，顺序解析，直到浏览器适配为止
color	颜色	跟html的用法相似
font-weight	加粗	值范围100-900 或者指定一个粗度：bolder(更粗)/bold(加粗)/normal(常规)
font-style	倾斜	italic(斜体字)/oblique(稍微倾斜)/normal(常规)
text-align	文本水平对齐	left、right、center、justify水平两端对齐，只对多行起作用
line-height	行高	代表一行文本占的高度，不是文本本身的高度 如果line-height正好是行高的高度，跟垂直居中是一样的效果
text-indent	首行缩进	可以固定px，也可以相对当前文本大小em
letter-spacing	字间距	控制文本中间的距离 如果在英文中希望间隔单词至简的距离，可以用word-spacing
text-decoration	文本修饰	none(不设置)/underline(下划线)/overline(上划线)/line-through(删除线)
font-style	倾斜	italic(斜体字)/oblique(稍微倾斜)/normal(常规)
font	文字简写	是font-style font-weight font-size/line-height font-family，可以进行复合设置 顺序不能乱，font-size/line-height font-family必须要指定

另外还有大小写的控制属性text-transform：capitalize(首字母大写)、lowercase(全部小写)、uppercase(全部大写)

2、列表属性

属性	描述	说明
list-style-type	列表序号样式	diso(实心圆)、circle(空心圆)、square(实心方块)、none(无序号)
list-style-image	用图片作为序号样式	值是url(地址)
list-style-position	序号位置	outside、inside
list-style	复合	是上面的三个属性的复合，顺序可以变换

3、背景属性

属性	描述	说明
background-color	颜色	颜色值
background-image	背景图片	值是url(地址)
background-repeat	平铺方式	no-repeat(不平铺)、repeat(全背景平铺)、repeat-X(横向平铺)、repeat-Y(纵向平铺)
background-position	背景图片定位	可以是xp，也可以是百分比，也可以是固定值
background-attachment	背景图片固定	scroll(滚动)、fixed(固定在浏览器窗口)
background	复合属性	是上面5个属性的复合，但是background-size只能单独使用

background-attachment中的fixed的固定，是相对于浏览器窗口，不再跟背景相对，但是展示的话，还是受限于背景的范围

4、浮动属性

属性	描述	说明
float	元素浮动	left、right、none
clear	清除浮动	left(左边不允许有浮动)、rightt(右边不允许有浮动)、nonet(允许有浮动)、botht(两边不允许有浮动)

浮动的意思是想象页面有两层空间，默认是贴着页面的空间，浮动后就漂浮在页面上面，可以覆盖住未漂浮的元素，但是覆盖不住文字
元素浮动后，原来紧挨的连续元素就会移动替代
clear一般用于未设置浮动的元素，用来对抗被浮动元素覆盖的情况，一般来说，如果出现对抗，未设浮动的元素进行转移