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;

浏览器兼容性

相关推荐
夕水1 分钟前
ew-vue-component:Vue 3 动态组件渲染解决方案的使用介绍
前端·vue.js
我麻烦大了4 分钟前
实现一个简单的Vue响应式
前端·vue.js
独立开阀者_FwtCoder11 分钟前
你用 Cursor 写公司的代码安全吗?
前端·javascript·github
Cacciatore->22 分钟前
React 基本介绍与项目创建
前端·react.js·arcgis
摸鱼仙人~23 分钟前
React Ref 指南:原理、实现与实践
前端·javascript·react.js
teeeeeeemo25 分钟前
回调函数 vs Promise vs async/await区别
开发语言·前端·javascript·笔记
ac.char36 分钟前
Golang读取ZIP压缩包并显示Gin静态html网站
golang·html·gin
贵沫末43 分钟前
React——基础
前端·react.js·前端框架
每天开心1 小时前
深入理解 CSS 选择器:从基础到高级
css·html·ai编程
aklry1 小时前
uniapp三步完成一维码的生成
前端·vue.js