字体

作者: 九妄_b2a1 | 来源:发表于2018-11-27 18:42 被阅读0次

设置字体颜色

使用color来设置文字的颜色

设置文字的大小:
浏览器中一般默认的文字大小都是16px,font-size设置的并不是文字本身的大小,在页面中,每个文字都是处在一个看不见的框中的,我们设置的font-size实际上是设置格的高度,并不是字体的大小,一般情况下文字都要比这个格要小一些,也有时会比格大,根据字体的不同,显示效果也不同

通过font-family可以指定文字的字体
当采用某种字体时,如果浏览器支持则使用该字体,如果字体不支持,则使用默认字体
该样式可以同时指定多个字体,多个字体之间使用“,”分开
浏览器使用的字体默认就是计算机中的字体,如果计算机中有,则使用,如果没有就不用
在开发中,如果字体太奇怪,用的人太少了,尽量不要使用,有可能用户的电脑没有,就不能达到想要的效果

分类:

在网页中将字体分成5大类:
serif(衬线字体)
sans-serif(非衬线字体)
monospace (等宽字体)
cursive (草书字体)
fantasy (虚幻字体)
可以将字体设置为这些大的分类,浏览器会自动选择指定的字体,并应用样式
一般会将字体的大分类,指定为font-family中的最后一个字体

  • font-style可以用来设置文字的斜体
    可选值:
    normal 默认值,文字正常显示
    italic 文字会以斜体显示
    oblique 文字会以倾斜的效果显示
    大部分浏览器都不会对倾斜和斜体做区分,也就是说我们设置italic和oblique效果是一样的
    一般我们只会使用italic
  • font-weight可以用来设置文本的加粗效果
    可选值:
    normal 默认值,文字正常显示
    bold 文字加粗显示
    该样式也可以指定100-900之间的9个值
    但是由于用户的计算机往往没有这么多级别的字体,所以200有可能比100粗,但也有可能是一样的
  • font-variant可以用来设置小型大写字母
    可选值:
    normal 默认值,文字正常显示
    small-caps 文本以小型大写字母显示
    小型大写字母:
    将所有的字母都以大写形式显示,但是小写字母的小型大写,要比大写字母小一些。

相关文章

  • 2019-07-31

    啦啦啦啦 特大字体大字体大字体大字体大字体大大字体大字体大字体字体 大字体大字体大字体大字体大字体大大字体大字体大...

  • CSS字体

    Serif 字体 Sans-serif 字体 Monospace 字体 Cursive 字体 Fantasy 字体...

  • CSS字体

    字体 字体的样式 font-family Serif 字体 Sans-serif 字体 Monospace 字体...

  • 字体

    字体样式 1. 字体大小 2. 字体粗细 3. 字体类型 4. 字体风格 5. 字体颜色 - 字体大小 font-...

  • 中国书法基本种类

    书法字体,就是书法风格的分类。书法字体,传统讲共有篆书字体、楷书字体、隶书字体、草书字体和行书字体五种,也就是五个...

  • MarkDown使用

    1号字体 2号字体 3号字体 4号字体 5号字体 6号字体 无序排列 Hello World! Hello Wor...

  • CSS阶段三:文本,行内元素,行内块元素操作

    字体 color 字体颜色 font-size 字体大小 font-family 字体样式 serif 衬线字体 ...

  • 2018-07-16 MarkDown语法

    1.标题写法 #= ##= 以此类推 分割线


    *** 字体 字体加粗**字体**字体斜体***字体***字...

  • HTML(二)常用标签

    一、字体标签 字体标签 < fon...... 作用:规定文本的字体、字体尺寸、字体颜色 示例: [小贴士]在HT...

  • CSS font-family中文字体对应的英文名称一览表

    windows常见内置中文字体 OS X常见内置中文字体 office安装后新增字体 开源字体 版权字体 版权字体...

网友评论

      本文标题:字体

      本文链接:https://www.haomeiwen.com/subject/lhjnqqtx.html