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;

  浏览器兼容性