html5——CSS3_文本样式属性

目录

字体样式

字体类型 

字体大小

字体风格

字体的粗细 

 文本样式

文本颜色

 排版文本段落

文本修饰和垂直对齐 

文本阴影

---

 

字体样式

字体类型 

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;

浏览器兼容性