zoukankan      html  css  js  c++  java
  • CSS 属性 font

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>CSS</title>
     6     <style type="text/css">
     7         .test {
     8             font: italic small-caps bold 28px/34px "微软雅黑";
     9         }
    10     </style>
    11 </head>
    12 <body>
    13 <p class="title">font 属性</p>
    14 <p>格式:font:[ [ &lt;"font-style"&gt; || &lt;"font-variant"&gt; || &lt;"font-weight"&gt; ]? &lt;"font-size"&gt; [ / &lt;"line-height"&gt;
    15     ]? &lt;"font-family"&gt; ] </p>
    16 <table>
    17     <tr>
    18         <td>&lt;"font-style"&gt;</td>
    19         <td>指定文本字体样式</td>
    20         <td>可选属性:</td>
    21         <td>normal | italic | oblique</td>
    22     </tr>
    23     <tr>
    24         <td>&lt;"font-variant"&gt;</td>
    25         <td>指定文本是否为小型的大写字母</td>
    26         <td>可选属性:</td>
    27         <td>normal | small-caps</td>
    28     </tr>
    29     <tr>
    30         <td>&lt;"font-weight"&gt;</td>
    31         <td>指定文本字体的粗细</td>
    32         <td>可选属性:</td>
    33         <td>normal | bold | bolder | lighter | &lt;integer&gt;</td>
    34     </tr>
    35     <tr>
    36         <td>&lt;"font-size"&gt;</td>
    37         <td>指定文本字体尺寸</td>
    38         <td>可选属性:</td>
    39         <td>absolute-size> | &lt;relative-size&gt; | &lt;length&gt; | &lt;percentage&gt;</td>
    40     </tr>
    41     <tr>
    42         <td>&lt;"line-height"&gt;</td>
    43         <td>指定文本字体的行高</td>
    44         <td>可选属性:</td>
    45         <td>normal | &lt;length&gt; | &lt;percentage&gt; | &lt;number&gt;</td>
    46     </tr>
    47     <tr>
    48         <td>&lt;"font-family"&gt;</td>
    49         <td>指定文本使用某个字体或字体序列</td>
    50         <td>可选属性:</td>
    51         <td>[ &lt;family-name&gt; | &lt;generic-family&gt; ]</td>
    52     </tr>
    53 </table>
    54 <h1 class="test">This is test text.</h1>
    55 </body>
    56 </html>
  • 相关阅读:
    【POJ 3162】 Walking Race (树形DP-求树上最长路径问题,+单调队列)
    【POJ 2152】 Fire (树形DP)
    【POJ 1741】 Tree (树的点分治)
    【POJ 2486】 Apple Tree (树形DP)
    【HDU 3810】 Magina (01背包,优先队列优化,并查集)
    【SGU 390】Tickets (数位DP)
    【SPOJ 2319】 BIGSEQ
    【SPOJ 1182】 SORTBIT
    【HDU 5456】 Matches Puzzle Game (数位DP)
    【HDU 3652】 B-number (数位DP)
  • 原文地址:https://www.cnblogs.com/darcrand-blog/p/5760469.html
Copyright © 2011-2022 走看看