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 小时前
Proxy & Vue 响应式(合并精简版,适合面试)
前端·javascript·vue.js
Java后端的Ai之路8 小时前
前端技术Vue-18-视图中的渲染
前端·javascript·vue.js
程序员海军14 小时前
用了两年多 GPT,我最近开始换模型了,还折腾了个求职避坑 Agent
前端·人工智能·后端
zttbee15 小时前
echarts图表tooltip色块失效
前端·javascript·echarts
excel16 小时前
IndexNow:让搜索引擎更快发现网站更新的主动通知协议
前端·后端·架构
子兮曰16 小时前
CSS 复现 23 种设计风格:从拟物到液态玻璃的成本阶梯与兜底写法【实战】
前端·css·视觉设计
虚无境17 小时前
如何用AI帮我写出实用的插件
前端·javascript·ai编程
柳杉18 小时前
从数字化到数智化:3D 可视化大屏的下一个五年
前端·ai编程·数据可视化
风骏时光牛马18 小时前
从零到实战:AI全栈学习进阶路线
前端
FRing0319 小时前
JavaScript入门到精通二十六(变量提升、函数剩余参数、展开运算符、ES6箭头函数)
开发语言·前端·javascript·es6·箭头函数