备忘录-CSS字体属性
Property | 描述 | 示例 | 结果 |
font | 在一个声明中设置所有的字体属性 | p.ex1{font:15px arial,sans-serif;} p.ex2{font:italic bold 12px/30px Georgia,serif;} |
This is a paragraph. This is a paragraph. |
font-family | 指定文本的字体系列 | p.serif{font-family:"Times New Roman",Times,serif;} p.sansserif{font-family:Arial,Helvetica,sans-serif;} |
这一段的字体是 Times New Roman 这一段的字体是 Arial. |
font-size | 指定文本的字体大小 | h1 {font-size:200%;} h2 {font-size:150%;} p {font-size:100%;} |
This is heading 1This is heading 2This is a paragraph. |
font-style | 指定文本的字体样式 | p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style:oblique;} |
这是一个段落,正常。 这是一个段落,斜体。 这是一个段落,斜体。 |
font-variant | 设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小
font-variant 属性主要用于定义小型大写字母文本 |
p.normal {font-variant:normal;} p.small {font-variant:small-caps;} |
My name is Hege Refsnes. My name is Hege Refsnes. |
font-weight | 指定字体的粗细。 | p.normal {font-weight:normal;} p.light {font-weight:lighter;} p.thick {font-weight:bold;} p.thicker {font-weight:900;} |
This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix