CSS字体文本属性及元素显示模式

字体属性

1. 字体类型

   p {
   font-family:"微软雅黑";
   }
   div {
   font-family:Arial,"Microsoft Yahei";
   }
   

   –可以同时写多种字体，但不同字体之间要用英文逗号隔开,有空格隔开的复合单词要用引号标记（某些网页不支持部分字体，防止出现显示不出来的情况）

   –优先级按顺序递减。

2. ,字体大小

   font-size: 12px;
   

   –单位为像素

   –在body内设置时比较特殊，body内的标题标签不会受到影响，要对其单独设置。

3. 粗细

   font-weight: 400;
   

   –可以用值或者名称来设置。
   

4. 文字样式

   font-style: normal;
   

   normal	默认值
   italic	斜体

   5.复合属性

   body {
   font: font-style font-weight font-size/line-height font-family;
   }
   

   –顺序不能打乱。

   文本属性

   1. 颜色（color）

   2. 对齐方式（text-alight）

      –属性：left/right/center

   3. 缩进(text-indent)
      –单位为像素px，em为两个当前元素的大小。

   4. 行间距/行高(line-height)
      –当你的行高设置成与盒子的高相等时，字体居中。

   5. 文本装饰(text-decoration)
      

元素显示模式

• 块元素

  其宽高可以设置

• 行内元素

  高宽不能直接设置

• 行内块元素

  同时拥有行内元素和块元素的部分特性

• 模式转换

display: block;			        /*->块元素*/
display: inline;	         	/*->行内元素*/			
display: inline-block;			/*->行内块元素*/