css 字体属性与文本属性

字体属性

字体大小

font-size:12px;
font-size:2em;

注意：em是根据父元素的大小来的决定的，即2em的大小是父元素的两倍。

字体风格

font-style:italic;
font-style:normal;

italic和oblique，都表示斜体的意思。

字体的粗细

​font-weight: bold;
font-weight: lighter;
font-weight: 100;

注意：300即浏览器显示最细字体，即使设置更细的字体也不会有效果，粗体同理600也是极限。

字体类型

font-family: Times,"Times New Roman", "楷体";

Times,"Times New Roman", "楷体"让浏览器依次识别采用，均无法识别则用浏览器默认样式。

字体属性的表达

.p1{
    font-family: 宋体;
    font-size: 30px;
    font-style: italic;
    font-weight: bold;
}
.p2{
    font:italic bold 30px 宋体;
}

p1和p2字体属性相同

注意：font属性的字体属性的顺序：字体风格→字体粗细→字体大小→字体类型。

文本样式

color属性

color:rgb(255,0,0);
color:#FF0000;
background:rgba(255,0,0,0.5)

RGB：rgb(r,g,b) : 正整数的取值为0～255，十六进制方法表示颜色。

RGBA：在RGB基础上增加了控制alpha透明度的参数，其中这个透明通道值为0～1。

排版文本段落

text-align:

值	说明
left	把文本排列到左边。默认值：由浏览器决定
right	把文本排列到右边
center	把文本排列到中间
justify	实现两端对齐文本效果

注意：两端对齐只正针对与文字

首行缩进

text-indent: 2em;

注意：em是根据父元素的字体大小来的决定的，如果父元素没有会向上寻求字符大小，一直到有定值。

行高

line-height: 20px;

注意：1.line-height一般要设置的比字体的大小要大一点，不然就会挤在一起。

           2. 想设置文字的垂直居中就需要把line-height设置的和高度height的值一样。