html字体(HTML中文字体样式大全)

  在数字世界的构建中,字体不仅仅是文字的外衣,更是情感和风格的传递者。作为网页设计师和前端开发者,掌握HTML中的字体标签,能够让我们创造出更加丰富和吸引人的用户体验。

image.png

  今天,就让我们一起走进HTML字体标签的世界,探索它们如何让网页变得生动有趣。

  一、认识基本字体标签

  语法结构:<标签 属性=“值”> 内容

  标签通常是成对出现的,分为开始标签(p)和结束标签(/p),结束标签只是在开始标签前加一个斜杠“/”。

  标签可以有属性,属性必须有值(align=“center” )。

  开始标签与结束标签中包含的内容称之为区域。

  标签不区分大小写,p和P是相同的。

  二、html设置字体的方法

  1、字体变形

  font-variant 属性可以设定小型大写字母。

  小型大写字母不是一般的大写字母,也不是小写字母,这种字母采用不同大小的大写字母。

  2、字体加粗

  font-weight 属性设置文本的粗细。

  使用 bold 关键字可以将文本设置为粗体。

  关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold。

  如果将元素的加粗设置为 bolder,浏览器会设置比所继承值更粗的一个字体加粗。与此相反,关键词 lighter 会导致浏览器将加粗度下移而不是上移。

  3、字体大小

  font-size 属性设置文本的大小。

  有能力管理文本的大小在 web 设计领域很重要。但是,您不应当通过调整文本大小使段落看上去像标题,或者使标题看上去像段落。

请始终使用正确的 HTML 标题,比如使用 <h1> - <h6> 来标记标题,使用 <p> 来标记段落。

font-size 值可以是绝对或相对值。


发表评论

评论列表

还没有评论,快来说点什么吧~