css入门【6】-文本属性

color:字体颜色

色值：十六进制，RGB,rgba,颜色名表示。
实际工作中，设计提供色值或者用工具取色。比如搜索在线取色器，ps，fw,color cop等等。

font-family:字体

中文常用：微软雅黑，宋体
英文：Arial，consola

font-family:"Arial", "Microsoft Yahei","SimSum";

font-size:字号

chrome默认最小字号是12px,如果小于12px,将默认显示为12px。
IE浏览器没有最小字号，可以随意设置。

font-size:12px;

常用字号像素值：12/14/16/18/20，都是一些偶数的像素值。
实际工作：字号大小取决设计图。
如果没有设计图，fireworks软件可以切图量尺寸。
计算机文字在设计的时候不是满满当当的，所有文字实际大小和字号有一些差距。

line-height:行高

一行文字实际占有的高度。
一种是像素单位，一种的百分比单位。百分比是相对于font-size的百分比。

line-height:27px;
line-height:200%;

文字在自己的行高内，垂直居中。
注意：f写复合属性时行高必须写在文字的后面。
行高，字体，字号都是font字体的单独元素。

 font:14px/27px "宋体";

特殊用途：要让文字在盒子里面垂直居中，可以让行高等于盒子高。不过只可以用于单行文字。

font-weight:字体加粗

属性值：数字，单词
数字：100，200，300…(默认情况是400)
两个单词：bold(加粗)，normal（正常）

/* font-weight:700;*/
         font-weight:bold;

font-style:字体样式

设置字体倾斜样式或者正常样式
取值：normal （正常），italic(倾斜)，oblique（倾斜）

.p1{
         font-style:normal;
     }
     .p2{
         font-style:italic;
     }
     .p3{
         font-style:oblique;
     }

italic会找一个有斜体的字体进行替换，oblique就是正常的文字倾斜，不过使用上差别不大。

text-align：对齐

对齐方式：水平左对齐，水平右对齐，水平居中。
对应的属性值：left,right,center。
默认文本是左对齐。

text-indent：文本缩进

设置的是文本的首行缩进。
单位：em,px,%;
百分比是相对于父盒子宽度的百分比。

/*text-indent:2em;*/
/*text-indent:80px;*/
text-indent:20%;

text-decoration：文本修饰

对于文本整体样式的一个修饰效果。
有四种常见样式：
正常：没有修饰，none
下划线：underline
上划线：overline
中划线：line-through
默认状态就是none