欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS:字体样式(字体系列、大小、加粗、风格、变形等)_html/css_WEB-ITnose

程序员文章站 2022-04-28 12:32:50
...
CSS 字体属性定义文本的(如斜体)和变形(如小型大写字母)

代码整理自w3school:http://www.w3school.com.cn

CSS 字体

这是h1标题,将应用monospace字体。

这是一个普通的段落,将应用指定于body的通用字体:sans-serif

h5标题:Georgia字体(若电脑中无该字体,则以serif字体显示)

文本斜体显示

文本倾斜显示

注:通常情况下,italic 和 oblique 文本在 web 浏览器中看上去完全一样。


字体变形

This is a paragraph.

“小写字母转为大写字母,字体大小不变:”:This is a paragraph.

字体加粗

font-weight:100的文字。

font-weight:900的文字。


字体大小,绝对值:px 相对值:em (1em 等于当前的字体尺寸)

文本大小:16px

文本大小:20px

文本大小:0.8em

文本大小:1em

文本大小:2em

效果图: