CSS的字体，列表，背景，以及换行，大小写转换属性设置笔记

一.字体属性的设置

1.color:red/#ff0000/rgb(23,333,45);设置字体颜色
2.font-size:;设置字体大小
3.font-weight: bold/bolder;加粗
4.font: lighter; 取消加粗
5.font-weight: lighter;100-900逐渐变粗，100最细
6.font-style: italic/oblique;倾斜
简写格式：font：style weight size/line-height family 顺序不能改变，family和font-size必须同时制定
7.text-align: center[水平居中]/right[右对齐]/left[左对齐]/justify[水平两端对齐,多行文本起作用]; 设置对齐方式
8.line-height: ;行高
9.text-decoration: none[去除下划线]/underlin[下划线]/overline[上划线]/
10.letter-spacing:; 主要用于中文 word-spacing:; 主要用于英文
11.text-indent:; 首行缩进

二.列表属性的设置

1.list-style-image:url();设置列表样式图片
2.list-style-type:none[去掉]/circle[空心圆]/disc[实心圆]/square[实心方块];设置列表样式
3.list-style-position:inside[在列表里面]/outside[在列表外面];设置列表样式位置
4.list-style:none;设置列表样式为空

三.背景图片的属性设置

background-color 背景颜色
background-image 背景图片
background-repeat 背景平铺/不平铺
background-size 背景大小
background-position 这个不能平铺
background-attachment: fixed[固定在页面不变]/scroll[随滚动条滚动]
简写：background:; 不注意顺序

四.单词换行属性设置

word-break 换行强行截单词属性

属性值：
normal 默认
keep-all 以符号作为换行标志,不允许中文断开
break-all 正常显示和normal类似，根据宽度大小换行，可强行截断英文单词

word-wrap 换行不截单词属性

属性值： normal 默认 break-word
在长单词或URL地址内部换行，不会截断英文【受word-break影响，有word-break则显示word-break属性】

英文大小写转换属性

text-transform 大小写转换

属性值：
capitalize 每个单词首字母大写
uppercase 全部单词大写
lowercase 全部单词小写
none 默认

font-variant 设置大写字母变小

属性值：
small-caps 把小写字母大写，字体变小 ，如果本来就是大写字母，则不转换
normal 默认

注：font-variant优先级高一些，不冲突的也会两个属性都执行