css3フォントフォント学習記録5


CSS Fonts(font)属性は 、フォントファミリー サイズ 太さ 、および テキストスタイル (斜体など)を定義するために使用されます

フォントファミリー

CSSは、font-familyプロパティを使用して、テキストのフォントファミリーを定義します。

 p { font-family:"微软雅黑";}      
 div {font-family: Arial,"Microsoft Yahei", "微软雅黑";} 

フォントサイズ

CSSはfont-sizeプロパティを使用してフォントサイズを定義します。

 p {
    
       
    font-size: 20px;  

  • px(ピクセル)サイズは、当社のWebページで最も一般的に使用される単位です。
  • GoogleChromeのデフォルトのテキストサイズは16pxです
  • ブラウザが異なれば、デフォルトで異なるフォントサイズが表示される場合があります。デフォルトのサイズではなく、明確な値のサイズを提供するようにしています。
  • 本文のページテキスト全体のサイズを指定できます

フォントの太さ

CSSは、font-weightプロパティを使用して、テキストフォントの太さを設定します。

 p {
    
       
    font-weight: bold;  
 } 

ここに画像の説明を挿入

フォントスタイル

CSSは、font-styleプロパティを使用してテキストのスタイルを設定します。

 p {
    
       
    font-style: normal; 
 } 

ここに画像の説明を挿入
注:通常、テキストをイタリックにすることはめったにありません。代わりに、イタリックラベル(em、i)をイタリック以外のフォントに変更する必要があります。

フォント複合属性

font属性は、上記のテキストスタイルを組み合わせて記述できます。これにより、コードを保存できます。

body {
    
      
  font: font-style  font-weight  font-size/line-height  font-family; 
} 
  • フォント属性を使用する場合は、上記の文法形式の順序で記述する必要があり、順序を変更することはできず、各属性はスペースで区切られます。
  • 設定する必要のない属性は省略できますが(デフォルト値を使用)、font-size属性とfont-family属性を保持する必要があります。そうしないと、font属性が機能しません。

総括する

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/weixin_45019830/article/details/107580398