优先级、单位、文本相关的样式

1.优先级

  1.权重

  2.后面的样式会覆盖前面的样式

  3.！important影响优先级

2.单位

 颜色

 关键字  red、pink、teal

 十六进制的值 #ffffff，#cccccc

 rgb函数   rgb（0，0，0），rgb（0~255，0~255，0~255）

 rgba函数    rgba（0~255，0~255，0~255，0~1）

 长度

 绝对单位

   px   像素
   
 相对单位

 em   相对于当前元素的字体大小

 div  font-size：12px      1em=12px   width：10em

 rem   相当于html上的字体大小

 div   html：10px   1rem=10px    10rem=100px

 3.文本相关的样式
   
   文字相关的样式（可以被继承）

   color     为字体指定颜色

   font-size     为文字指定大小（关键字、十六进制的值、rgb、rgba）

   font-family     为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体

   font-style    用于打开和关闭斜体文本

   font-weight    为字体设置粗细程度

   text-align     文字排列方式

   text-decoration     设置或者取消文本修饰

   text-transform     设置或者取消字体改变

   text-shadow         设置或者取消文本阴影

   serif         有衬线的字体,笔画结尾有特殊的装饰线或衬线

   sans-serif    无衬线的字体，笔画结尾是平滑的字体

   monospace    等宽字体，用于代码，字体中每个字宽度相同

   cursive         草书，这种字体有的有连笔，有的还有特殊的斜体效果。

   fantasy     梦幻装饰字体 ，具有特殊艺术效果的字体
   网络字体@font-face {            

        font-family: myfont;            

         src: url(“/fonts/浅浅の奈雪体.woff”), url("/fonts/浅浅の奈雪体.ttf");        
}        
       .myfont {            

    font-family: myfont;        
}
       <div class="myfont">        

        浅浅の奈雪体    

    </div>

  normal        【默认】正常字体，关闭斜体
  italic         斜体                

  oblique        模拟斜体

  font-weight            

    为字体设置粗细程度    

  normal        【默认】正常,400

  bold         加粗字体,700                

  lighter        设置当前元素字体比父元素更细

  bolder        设置当前元素字体比父元素更粗

  100–900     数值类型的粗细程度（值越大字体越粗）

  text-align    文字排列方式

     left     左对齐

     center    居中

     right    右对齐

     text-transform 允许字体改变，文本变形        

     none         防止任何改变            

     uppercase    将文本转换为大写        

     lowercase    将文本转换为小写        

     capitalize    将所有单词第一个字母转换为大写

     full-width    转换为类似于一个等宽字体

    text-decoration     

    设置或者取消文本修饰

    速写属性  line style color    

  text-decoration-line线的种类    

   none          取消所有文本修饰            

   underline      为文本添加下划线        

   overline      为文本添加上划线        

   line-through     为文本添加删除线

   text-decoration-style  线的样式

   solid(实线) 、wavy(波浪线)、dashed(虚线)、dotted(点状线)、double(双实线)
   Text-decoration-color  颜色

  text-shadow         

    设置或者取消文本阴影

  none           取消所有阴影            

  h-shadow       必需。水平阴影的位置。允许负值        

  v-shadow      必需。垂直阴影的位置。允许负值    

  blur          可选。模糊的距离

  color          可选。阴影的颜色。参阅 CSS 颜色值

字体图标库

      iconfont