Web—CSS概述，css概述

Web—CSS概述，css概述
一、概念:    它是一種用來表現HTML（標準通用標記語言 (SGML)的一個應用）或XML（標準通用標記語言 (SGML)
的一個子集）等檔案樣式的電腦語言。
二、特點:    1.實現網頁內容與樣式的分離
    2.減少圖形檔案的使用。
    3.集中管理樣式資訊。
    4.共用樣式設定。
    5.將樣式分類使用。
三、選取器優先順序：    ID選取器 > class選取器 > HTML標籤選取器(body)
四、核心內容：

    1.標準流(排布)：標準流就是標籤的相片順序。

        比如 <div>red</div> <p>blue</p>
        頁面裡顯示，第一行是”red“，第二行是”blue“
        頁面裡顯示的順序和代碼裡的順序一致就是符合標準流的
        若是給上面的標籤加上浮動或定為屬性，就可能脫離標準流，顯示為blue在前，red在後了
        比如 <div style="float:right">red</div> <p>blue</p>

    2.盒子模型：在網頁設計中經常用到的CSS技術所使用的一種思維模型。

        

        

    3.盒子浮動、定位：盒子在標準流中的相片順序往往不能滿足要求，如果希望盒子能夠靈活定位（滿足布局的要求），就用到了盒子浮動和定位。
        左浮動（float：trun；）、右浮動（float：left；）、使後續的盒子不受前面浮動盒子的影響（clear：both；）；定位（position：static（靜態）、relative（相對）、absolute（絕對）、fixed（固定））
    4.區塊層級元素(本行有背景顏色)、行內元素（本行中的內容有背景顏色）
        1、區塊層級元素：如：<div></div>
        2、行內元素：如：<span></span>

        如效果：

          

五、CSS屬性：

     CSS屬性太多，這裡來個連結（http://www.cnblogs.com/laihuayan/archive/2012/07/27/2611111.html），到時候用到的時候再去查吧。

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。