复合属性

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;     //文字加粗
      }