zoukankan      html  css  js  c++  java
  • 备忘录-CSS字体属性

    Property 描述 示例 结果
    font 在一个声明中设置所有的字体属性 p.ex1{font:15px arial,sans-serif;}
    p.ex2{font:italic bold 12px/30px Georgia,serif;}

    This is a paragraph.

    This is a paragraph.

    font-family 指定文本的字体系列 p.serif{font-family:"Times New Roman",Times,serif;}
    p.sansserif{font-family:Arial,Helvetica,sans-serif;}

    这一段的字体是 Times New Roman

    这一段的字体是 Arial.

    font-size 指定文本的字体大小 h1 {font-size:200%;}
    h2 {font-size:150%;}
    p {font-size:100%;}

    This is heading 1

    This is heading 2

    This is a paragraph.

    font-style 指定文本的字体样式 p.normal {font-style:normal;}
    p.italic {font-style:italic;}
    p.oblique {font-style:oblique;}

    这是一个段落,正常。

    这是一个段落,斜体。

    这是一个段落,斜体。

    font-variant 设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小

    font-variant 属性主要用于定义小型大写字母文本

    p.normal {font-variant:normal;}
    p.small {font-variant:small-caps;}

    My name is Hege Refsnes.

    My name is Hege Refsnes.

    font-weight 指定字体的粗细。 p.normal {font-weight:normal;}
    p.light {font-weight:lighter;}
    p.thick {font-weight:bold;}
    p.thicker {font-weight:900;}

    This is a paragraph.

    This is a paragraph.

    This is a paragraph.

    This is a paragraph.

  • 相关阅读:
    从veth看虚拟网络设备的qdisc
    深入学习golang(5)—接口
    深入学习golang(4)—new与make
    深入学习golang(3)—类型方法
    深入学习golang(2)—channel
    深入学习golang(1)—数组与切片
    Docker实践(6)—CentOS7上部署Kubernetes
    CoreOS实践(2)—在coreos上安装Kubernetes
    Docker实践(5)—资源隔离
    CoreOS实践(1)—CoreOS初体验
  • 原文地址:https://www.cnblogs.com/a001ai-es/p/15143448.html
Copyright © 2011-2022 走看看