CSSとは

2417 ワード

Cascading Style Sheets(CSS)は、ドキュメントをユーザーにどのように表示するかを指定する言語です.ドキュメントは情報の集合であり、構造としてタグ言語を使用します.
1つのドキュメントをユーザーに提示することは、ドキュメントをリスナーが使用できる形式に変換することです.ユーザーにドキュメントを表示することは、読み取り可能なフォーマットに変換することを意味します.
ドキュメントを作成

   
   
     
    Sample document 
   
     
      

Cascading Style Sheets


ブラウザで新しいラベルページまたはウィンドウを開き、ファイルを開きます.最初の文字の大文字のテキストが表示されます.Cascading Style Sheets
CSSを使用する理由
CSSは、ドキュメント情報の内容と詳細をどのように表示するかを分離するのに役立ちます.ドキュメントの詳細をスタイル(style)としてどのように表現するかはよく知られています.スタイルをコンテンツから分離することで、次のことができます.
  • 繰り返しを避ける
  • よりメンテナンスが容易
  • は、異なる目的のために、異なるスタイルを用いる、同じ内容の
  • である.
    要するに、HTMLでは、スタイルではなくドキュメントの内容を記述するためにタグ言語を使用します.CSSを使用して、コンテンツではなくスタイルを指定できます.(このチュートリアルの後続では、このような例外が表示されます.)
         
     HTML                  。
      , HTML ,            ,  ,                 。
        CSS ,                 ,                   。```
    
    #####     #####
              ,         。           。      :style1.css
       CSS   ,  、      ,      :
    ```strong {color: red;}```
    
    ######          ######
                ,     HTML  。         :
    

    Sample document Cascading Style Sheets
    
                 。             ,    : 
    ![](http://upload-images.jianshu.io/upload_images/1717809-4ab22441ebfd9a5e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
     
    #####CSS    #####
                   ,                     。             :
    1.           CSS   DOM(      )。  DOM                   ,                   。
    2.        DOM       。
    
            “  ”       。        ''      ,  *tags,*     。        '< >
    '           tag, '< >
    '   '/'            tag。       ,            tag,       tag    ,    tag           '/'。
    
                ,                  tag   tag  。
    
    DOM       。                          。DOM       ,  ,                。
    
      (      ,      ```

    ``` ```

    ``` ):

    Cascading Style Sheets
        DOM , P         ,          STRONG       。  ,STRONG         ,                   。
    

    P ├─STRONG │ └─"C"├─"ascading"├─STRONG │ └─"S"├─"tyle"├─STRONG │ └─"S"└─"heets"
       DOM              、  、  CSS,   DOM       CSS          。
    
    #####  DOM  #####
    ...
    
    #####     #####