01-HTMLは、基本と高度なビデオは282を-day6-

 

05クラスセレクタの.html

 

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>ドキュメント</ タイトル> 
    < スタイルタイプ= "テキスト/ cssの" > 
       / * 类选择器* / 
       。 mingren { 
              色：赤。
       } 

       .history { 
             フォントサイズ：30px ; 
       } 

       。文物{
              色：ピンク; 
       } 
       
       / *   
       0.246 { 
             フォントサイズ：30px; 
       } 
       * / 
       .C-オレンジ{ 
              色：オレンジ。
       } 
    </ スタイル> 
</ ヘッド> 
< 身体> 
    < divのクラス= "mingren" >名人</ divの> 
    < divのクラス= "歴史" >历史</ divの> 
    < divのクラス=」>遺産</ divの> 
    < divのクラス= "246" >遺産</ divの> 
    < Pのクラス= "C-オレンジ" >微々たる開発、波がない</ P > 
</ ボディ> 
</ HTML >

 06google場合の.html

 

 

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>ドキュメント</ タイトル> 
    < スタイルタイプ= "テキスト/ cssの" > 
       スパン{ 
            フォントサイズ：100ピクセル; 
       } 

       .blue { 
              色：青。
       } 

       .red { 
              色：
       } 

       .orange { 
              色：オレンジ。 
       } 

       .green { 
              色：緑。 
       } 
    </ スタイル> 
</ ヘッド> 
< ボディ> 
    < スパンクラス= "青" > G </ スパン> 
    < スパンクラス= "赤" > O </ スパン> 
    < スパンクラス= "オレンジ" > O <
    < スパンクラス= "青" > G </ スパン> 
    < スパンクラス= "グリーン" > L </ スパン> 
    < スパンクラス= "赤" > E </ スパン> 
</ ボディ> 
</ HTML >

 07以上のクラスは、ラベルを運ぶの.html

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>ドキュメント</ タイトル> 
    < スタイルタイプ= "テキスト/ cssの" > 
       / * 
       .LB { 
              色：ピンク; 
              フォントサイズ：20ピクセル; 
              フォント重量：700。
       } * / 

       .pink { 
              色：ピンク。
       } 

       。
             フォントサイズ：20ピクセル; 
       } 

       .fontWeight { 
             フォント重量：700 。
       } 
    </ スタイル> 
</ ヘッド> 
< 身体> 
    < divのクラス= "ピンクfont20たfontWeight" >刘备</ divの> 
    < divのクラス= "font20たfontWeight" >张飞</ divの> 
    < divのクラス= "ピンクたfontWeight" >关羽<
</ ボディ> 
</ HTML >