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;

浏览器兼容性

相关推荐
Sun_light11 分钟前
6个你必须掌握的「React Hooks」实用技巧✨
前端·javascript·react.js
爱学习的茄子13 分钟前
深度解析JavaScript中的call方法实现:从原理到手写实现的完整指南
前端·javascript·面试
莫空000014 分钟前
Vue组件通信方式详解
前端·面试
呆呆的心14 分钟前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端·css·html
susnm19 分钟前
Dioxus 与数据库协作
前端·rust
优雅永不过时_v23 分钟前
基于vite适用于 vue和 react 的Three.js低代码与Ai结合编辑器
前端·javascript
小皮侠25 分钟前
nginx的使用
java·运维·服务器·前端·git·nginx·github
WildBlue26 分钟前
🧊 HTML5 王者对象 Blob - 二进制世界的魔法沙漏
前端·javascript·html
啷咯哩咯啷31 分钟前
Vue3构建低代码表单设计器
前端·javascript·vue.js
用户261245834016132 分钟前
vue学习路线(10.监视属性-watch)
前端·vue.js