备忘录-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 1

This is heading 2

This 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.

posted @   大序列  阅读(69)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· 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
点击右上角即可分享
微信分享提示