CSS——之字体属性

CSS fonts(字体)属性用于定义字体系列、大小、粗细和文字样式等。

  1. 字体系列
    CSS使用font-family属性定义文本字体系列。
    p{font-family:'微软雅黑',Arail}
    • 各种字体之间必须用英文状态下的逗号隔开;
    • 一般情况下,如果有多个单词用空格隔开的字体时用用引号包括起来;
    • 如果没有特使要求时,尽量使用系统自带的字体,以确保在任何浏览器上都能以同样的效果显示。
    • 最常见的几个字体:body {font-family: 'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB'; }
  2. 字体大小
    CSS使用font-size属性定义文本大小。
    p{font-size:20px;}
    • PX(像素)是我们网页中最常用的单位;
    • 谷歌浏览器的默认字体大小是16px;
    • 不同浏览器的默认字体大小不同,所以我们尽量给设定一个字体大小;
    • 可以给body一个整体页面的默认字体。
  3. 字体粗细
    CSS使用font-weight属性定义文本的粗细。
    div{font-weight:blod;}
    | 属性 | 描述 |
    | normal | 默认值(不加粗的) |
    | blod | 定义粗体(加粗) |
    | 100-900 | 400等于normal不加粗;700等于blod加粗;注意后面不跟单位 |
    • 学会让加粗标签(P和strong等)不加粗,让其他标签加粗;
  4. 文字样式
    CSS使用font-style属性定义文本风格
    P{font-style:normal;}
    | 属性 | 作用 |
    | normal | 系统会显示默认的字体风格 font-style:nomal; |
    | italic | 浏览器会显示斜体 |
  5. 字体复合属性
    字体复合属性可以把文字样式综合来写,这样更加节约代码
    body{font:font-style font-weight font-size/lin-height font-family}
    • 使用font属性是必须按照上面的属性来写,不能更换顺序,并且需要用空格隔开;
    • 在使用过程中必须保留的是font-size,fant-family;两个属性,否则font属性不起作用
      字体属性总结
原文地址:https://www.cnblogs.com/Superstarlee/p/14074608.html