font-family 字体i类型
font-size 字体大小
color 字体颜色
font-weight 字体粗细
font-style 字体倾斜效果 normal italic oblique
text-decoration 定义修实现 可以定义下划线underline 上划线overline 删除线等样式line-through
font-variant 定义字体的变体 取值 normal small-caps 一般不使用
text-transform定义大小写字体 全部大写uppercase 全部小写lowercase 首字母大写capitalize
text-align 文本对齐方式 left center right
vertical-align 文本垂直对齐方式
letter-spacing 定义字符和字符之间的距离
word-spacing 定义单词和单词之间的距离
line-height 表示行高 可以设置为一个字高度 2个字高度
text-indent 首行缩进,建议用em表示多少个字
writing-mode 字体的书写方式 从左到右 从右到左 水平方向 垂直方向等取值
text-overflow: clip; 文本溢出策略 clip直接裁剪掉 ellipsis用...替换
word-break 文本换行模式。keep-all 中文,韩文,日文不允许断开 。break-all和normal一致,允许任意字内断开
initial 所有属性都可以接受该值,它指的是该属性的初始化默认值。
inherit 所有属性都可以接受该值,他表示继承值。
unset 所有属性都可以接受该值,表示擦除用户声明的属性值。如果用户声明了属性值,则重置为initial。如果用户没有生命值,则重置为inherit。所以继承值不能被擦除。IE和Safari不支持该属性
all 为所有属性设置值 all:unset;
opacity: 0.5; 字体透明度
transparent表示一个完全透明值
currentColor表示当前color的值
color模式 rgba模式
text-shadow: 10px 10px red;文本阴影 设置水平偏移 垂直偏移 阴影颜色 以及阴影模糊值
content 动态生成内容
@font-face 自定义字体,一般用于使用外部网络字体等。
点击查看代码
p{
font-family: 'Courier New', Courier, monospace;
font-size: 22px;
color: red;
font-weight: 400;
font-style: oblique;
text-decoration: none;
font-variant: normal;
text-transform: capitalize;
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】