html5——CSS3_文本样式属性

目录

字体样式

字体类型

字体大小

字体风格

字体的粗细

文本样式

文本颜色

排版文本段落

文本修饰和垂直对齐

文本阴影


字体样式

字体类型

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

body{font-family:Times,"TimesNew 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;

浏览器兼容性

相关推荐
怕浪猫7 分钟前
2026最新React技术栈梳理,全栈必备
前端·javascript·面试
ulias21218 分钟前
多态理论与实践
java·开发语言·前端·c++·算法
Bigger19 分钟前
Tauri (24)——窗口在隐藏期间自动收起导致了位置漂移
前端·react.js·app
小肥宅仙女38 分钟前
限流方案
前端·后端
雲墨款哥39 分钟前
从一行好奇的代码说起:Vue怎么没有React的props.children
前端·vue.js·react.js
孜孜不倦不忘初心1 小时前
Axios 常用配置及使用
前端·axios
sTone873751 小时前
vscode 二开踩坑记录
前端
用户8168694747251 小时前
Effect 执行时机与事件循环交错关系
前端·react.js
心在飞扬1 小时前
langchain学习总结-OutputParser组件及使用技巧
前端·后端
llq_3501 小时前
Ant Design v5 样式兼容性问题与解决方案
前端