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.

  • 相关阅读:
    钱多多软件制作04
    团队项目01应用场景
    HDU 4411 arrest
    HDU 4406 GPA
    HDU 3315 My Brute
    HDU 3667 Transportation
    HDU 2676 Matrix
    欧拉回路三水题 POJ 1041 POJ 2230 POJ 1386
    SPOJ 371 BOXES
    POJ 3422 Kaka's Matrix Travels
  • 原文地址:https://www.cnblogs.com/a001ai-es/p/15143448.html
Copyright © 2011-2022 走看看