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;

浏览器兼容性

相关推荐
GreenTea5 小时前
GrokBot 核心成员 Lauren Tan:每月交付 2000 个 PR 的人,是怎么用 AI 的
前端·后端·架构
mCell6 小时前
用 Knip 清理 AI Coding 留下的冗余代码
前端·ai编程·前端工程化
笃行3507 小时前
使用Rokid AIUI做了一个童年推箱子游戏
前端
excel8 小时前
前端加密的作用与使用场景
前端
计算机魔术师9 小时前
纽约时报版权诉讼披露:微软高管内部称训练 AI 是人类历史上最大规模劳动窃取
前端
去伪存真9 小时前
大模型的参数量为什么那么大?
前端·人工智能
IT_陈寒9 小时前
Java空指针这次真把我坑惨了
前端·人工智能·后端
八荒启·交互动画11 小时前
# Web特效020—让 Web 特效真正动起来:时间循环应该怎么接
前端·webgl·网页特效·八荒启-交互动画·八荒启
动恰客流统计11 小时前
线下零售数字化浪潮下,客流统计的3个核心发展趋势
大数据·前端·人工智能
用户9385156350711 小时前
从小米前端面试题,彻底搞懂闭包、作用域链与 useState 惰性初始化
前端·面试