css常见的样式(font-style、 text-decoration、 line-height...)

color

     （1）定义：元素内部元素的文字颜色

     （2）预设值：  定义好的单词 、三原色，色值 光学三原色（红,绿,蓝）,每个颜色可以使用0-255之间的数字来表达

            rgb表示法：  rgb(255,255,255)   


            hex(16进制)表示法：  #红黄蓝(每两位)

                  淘宝红：#ff4400 #f40
                  黑色：#000000  #000
                  白色：#ff0000  #f00
                  红：#00ff00 #0f0
                  蓝：#0000ff #00f
                  紫：#ff00ff #f0f
                  青:#00ffff #0ff
                  黄：#ffff00 #ff0
                  灰：#cccccc #ccc

backgroung-color

   （1）定义：元素的背景颜色        //  属性值跟color类似

font-size

   （1）定义：字的尺寸大小

   （2）单位：> 像素(px), 绝对单位
            > 相对单位：  相对于父元素的字体大小
                         每个元素必须有字体大小，如果没有申明，则直接使用父元素字体大小，则使用基准字体大小

font-weight

   (1) 定义：文字粗细程度，可以取值数字（10px），也可以取值为预设值(bold normal)

   (2) user agent stylesheet，用户代理样式 (因为是浏览器解释出来的，所以也叫浏览器默认样式)

font-family

  (1) 定位：文字类型

  (2)必须用户计算机存在的字体才会有效，
     可以使用多个字体，以匹配不同环境（最后加上sans-serif,非衬性字体[边缘没有修饰]）

font-style

  （1）定义：字体样式，通常用它来设置斜体

  （2）i元素，em元素，默认样式是斜体字体；实际使用中，通常用它表示一个图标
          strong元素，表示重要的，不能忽视的内容
          em元素，表示强调的内容

text-decoration

 （1）定义：文本修饰，给文本加线

 （2）line-through 横线穿过， over-line 上面加横线，under-line 下面加线
         a元素：超连接 ，    del：错误的内容 ,      s元素：过期的 
         a元素的下划线 ，del、s元素的横穿线都可以在作者样式覆盖浏览器默认样式

text-indent

（1）定义：首行文本缩进

（2）单位：像素(px),表示缩进的距离  em,缩进文字个数

line-height

（1）定义：每行文本的高度，该值越大，每行文本的距离越大

（2）应用：
               <1>设置行高为容器的高度，可以让单行文本垂直居中 [单行文本]
               <2>行高可以设置为纯数字，表示相对当前元素的字体大小 [多行文本]

width 、height

 （1）定义：分别盒子的宽度和盒子的高度

   (2) 单位 ：像素(px),表示缩进的距离  em； 百分比（相对于父元素）

letter-space、text-align、vertical-align

 （1）定义：分别为文字间隙、文本元素内部文字的水平排列方式、文本元素内部文字的垂直排列方式

line-height

（1）定义：line-height属性用于设置行间的距离（行高），例如文本。对于块级元素来说，它指定元素中线框的最小高度，对于未被替换的内联元素来说，line-height没有影响，如button或者其他input元素。

          （原文未提到，对于部分替代元素，line-height依然可,  以影响元素的样式布局）

（2）单位：

• px,像素值 【多行文本设置固定值会使行距很难控制】
• 无单位的数字 【先继承数字，再计算】
• em单位 【多行文本设置em为单位也很难控制字体行高,因为是先把em计算成像素值(默认值16px为基准)，再继承】
• 百分比 【跟em一样的问题】