html_font

发表于 更新于 分类于 ， 阅读次数：

font

字体属性：设置字体的样式、粗细、大小、字体家族等。如果格式需要将一段文字设成想要的样子，我的样子变成这样了哦！和我前后的兄弟长的怎么不一样了呢？这就需要通过font属性来指定其相应的属性值。

上面这段文字的设置是这样的：

1
<p>字体属性：设置字体的样式、粗细、大小、字体家族等。如果格式需要将一段文字设成想要的样子，<span style="font: italic 900 1.5em 隶书">我的样子变成这样了哦！和我前后的兄弟长的怎么不一样了呢？</span>这就需要通过font属性来指定其相应的属性值。</p>

具体有这些属性：

  1. font-style:字体样式

    1. normal–如果标准样式nomal可以省略
    2. italic–斜体
    3. oblique–与italic相似但有区别
    4. inherit–继承

  2. font-weight:字体粗细。也可以用100～900多个等级来指定

    1. normal
    2. bold
    3. bolder
    4. lighter

  3. font-size:字体大小。数字+单位。单位有：

    1. pt

    2. px

    3. pc

    4. em

    5. rem

  4. font-family:字体系列，例如：

    1. 华文仿宋、
    2. 华文中宋、
    3. 华文楷体、
    4. 华文行楷、
    5. 微软雅黑、
    6. 等线、等线light)

可以用font一次指定所有属性或多个属性，也可以分别用font-style, font-weight, font-size, font-family来个别指定其属性值。

举例：

跟着我来复习HTML相关知识,这将有助于我将来的学习工作中的文字编辑和排版。特别是我对文档的高要求准的人，甚至于在中方面有些强迫症。平常使用中多加练习，熟能生巧，相信假以时日必将熟练掌握。

对应的代码是这样的：

1
2
<p style="font: oblique 100 1.5em 宋体;background-color:#bcd68d;line-height:1.2em;padding:1em;text-align:justify;color:#0078d7;">跟着我来复习HTML相关知识,这将有助于我将来的学习工作中的文字编辑和排版。特别是我对文档的高要求准的人，甚至于在中方面有些强迫症。平常使用中多加练习，熟能生巧，相信假以时日必将熟练掌握。
</p>

附单位说明：

绝对长度：

Unit Description
cm centimeters
mm millimeters
in inches (1in = 96px = 2.54cm)
px * pixels (1px = 1/96th of 1in)
pt points (1pt = 1/72 of 1in)[
pc picas (1pc = 12 pt)

相对长度：

Unit Description
em 相对于元素字体的大小
rem 相对于根元素的字体大小
vw Relative to 1% of the width of the viewport* 相对于视口宽度的百分比
vh Relative to 1% of the height of the viewport*相对于视口高度的百分比
% 相对于父元素的百分比