自学内容网 自学内容网

html5——CSS3_文本样式属性

目录

字体样式

字体类型 

字体大小

字体风格

字体的粗细 

 文本样式

文本颜色

 排版文本段落

文本修饰和垂直对齐 

文本阴影


 

字体样式

字体类型 

p{font-family:Verdana,"楷体";}

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

字体大小

font-size属性:
单位:

px(像素)推荐使用

emremcmmmptpc

eg:h1{font-size:24px;} 

字体风格

font-style属性: normalitalicoblique【斜体】

字体的粗细 

font属性的顺序:字体风格→字体粗细→字体大小→字体类型

p span{font:oblique bold 12px "楷体";}

 文本样式

 

文本颜色

color属性:

  • REB:
  • ·十六进制方法表示颜色:两位表示红色分量,中间两位表示绿色分量,最后两位表示蓝色分量·rgb(r,g,b) : 正整数的取值为0255

RGBA:

·RGB基础上增加了控制alpha透明度的参数,其中这个透明通道值为01 

eg:

color:#A983D8;

color:#EEFF66;

color:rgb(0,255,255);

color:rgba(0,0,255,0.5);

 排版文本段落

 

水平对齐方式:text-align属性

首行缩进:text-indentempx

行高:line-heightpx

文本修饰和垂直对齐 

文本装饰 :text-decoration属性

垂直对齐方式:vertical-align属性:middletopbottom

文本阴影

text-shadow : color  x-offset  y-offset  blur-radius;

浏览器兼容性 


原文地址:https://blog.csdn.net/jiuyuexixi/article/details/140382169

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!