目录
字体样式
字体类型
字体大小
字体风格
字体的粗细
文本样式
文本颜色
排版文本段落
文本修饰和垂直对齐
文本阴影
字体样式
字体类型
p{font-family:Verdana,"楷体";}
body{font-family: Times,"Times New Roman", "楷体";}
字体大小
font-size属性:
单位:
px(像素)推荐使用
em、rem、cm、mm、pt、pc
eg:h1{font-size:24px;}
字体风格
font-style属性: normal、italic和oblique【斜体】
字体的粗细
font属性的顺序:字体风格→字体粗细→字体大小→字体类型p span{font:oblique bold 12px "楷体";}
文本样式
文本颜色
color属性:
- REB:
- ·十六进制方法表示颜色:前两位表示红色分量,中间两位表示绿色分量,最后两位表示蓝色分量·rgb(r,g,b) : 正整数的取值为0~255
RGBA:
·在RGB基础上增加了控制alpha透明度的参数,其中这个透明通道值为0~1
eg:
color:#A983D8;
color:#EEFF66;
color:rgb(0,255,255);
color:rgba(0,0,255,0.5);
排版文本段落
水平对齐方式:text-align属性
首行缩进:text-indent:em或px
行高:line-height:px
文本修饰和垂直对齐
文本装饰 :text-decoration属性
垂直对齐方式:vertical-align属性:middle、top、bottom
文本阴影
text-shadow : color x-offset y-offset blur-radius;
浏览器兼容性