字体属性
字体大小
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的值一样。