background 复合属性：
url: 地址(本地地址，网络地址);
repeat : 默认值 水平和垂直都铺满;
repeat-x：只铺满水平方向(左右)
repeat-y: 只铺满垂直方向(上下);
no-repeat: 不平铺 (图片放不满，留出空白);
/*background: url(../../../img/1.jpg) no-repeat; //图片的路径
background-size: 50% 50%;
border: 2px solid black;*
背景图的移动：
background-position: 值1 值2;
值1： 水平方向移动的距离
值2： 垂直方向移动的距离
值的形式：
1. left center right top center bottom
2. px（像素）
3. %（百分比）
备注：
背景大小的百分比是参考标签自身的大小
背景移动的百分比市参考图片自身的大小
overflow: 用来处理内容超出容器
hidden: 隐藏;
scroll: 滚动超出的部分
复合属性 border
边框： 宽度 样式 颜色
样式： 实线 solid
虚线 dashed
点线 dotted
文本属性
设置字体:
/*font-family: "楷体";*/
/*字体大小 默认是16px
/*
font-style: 字体样式;
normal : 正常 (默认);
italic : 斜体;
oblique: 倾斜;
/*font-style: oblique;*/ //倾斜
字体加粗：
font-weight：
bolder: 特粗体;
bold: 加粗体;
normal: 正常 (默认);
lighter: 细体;
/*font-weight: lighter;*/ //细体
单词间隔：
word-spacing: 20px; /*字母间隔*/
letter-spacing: -10px; /*首行缩进
例如span 之类只凭借内容撑开大小的标签，无法使用
例如div,p 之类独占一行的标签，可以使用
em: 大小的单位
父元素的字体大小 = 1em
em也是一个相对单位
文字装饰：
text-decoration
none;正常显示
underline;加下线
line-through;删除线
overline;加顶线
capitalize:首字母大写
uppercase:全部大写
lowercase:全部小写
/*text-transform: uppercase;* //全部大写
列表属性：
list-style: none; // 清除列表的默认的项目符号
可以设置标签自带的项目符号
list-style-type: 值;
list-style-image: url(../../1.jpg);/*将自带的项目符号，变成图标*/
调整位置：
inside: 项目图标的左侧和下一行文字对齐;
outside: 当前列表内容和下一行列表内容对齐，并不在图标位置(默认值);
list-style-position: inside;
list-style-position: outside;
font-family： 设置文字的字体
font-size： 设置字体大小
font-style ： 设置文字的倾斜效果
normal 正常
obilque 偏斜体
italic 斜体
font-weight ： 设置文字加粗效果
normal正常粗细
bold 比正常粗
border比bold/
lighter比正常细
color ： 设 置颜色
background-color： 设置文字与背景颜色
word-spacing ： 单词间距语句间距
letter-spacing： 字母间距文字距离
text-decoration ： 文字装饰效果
text-transform： 英文字母大小写转换
vertical-align ： 垂直对齐方式
line-height ： 设置段落的垂直对齐方式
text-align ： 设置文字水平位置
p{
width: 100px;
height: 100px;
text-align: center; //文字水平居中
line-height: 100px; //文字垂直居中
font-weight: bolder; //文字加粗
}
