Web—CSS概述

1、概念:

    它是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言
的一個子集)等文件樣式的計算機語言。

2、特色:

    1.實現網頁內容與樣式的分離
    2.下降圖形文件的使用。


    3.集中管理樣式信息。
    4.共享樣式設定。html


    5.將樣式分類使用。
佈局

3、選擇器優先級:

    ID選擇器 > class選擇器 > HTML標籤選擇器(body)

4、核心內容:

    1.標準流(排布):標準流就是標籤的排列方式。post

        比方 <div>red</div> <p>blue</p>
        頁面裏顯示。第一行是」red「,第二行是」blue「
        頁面裏顯示的順序和代碼裏的順序一致就是符合標準流的
        如果給上面的標籤加上浮動或定爲屬性。就可能脫離標準流,顯示爲blue在前,red在後了
        比方 <div style="float:right">red</div> <p>blue</p>

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

        

        

    3.盒子浮動、定位:盒子在標準流中的排列方式每每不能知足要求,假設但願盒子能夠靈活定位(知足佈局的要求)。就用到了盒子浮動和定位。


        左浮動(float:trun;)、右浮動(float:left;)、使興許的盒子不受前面浮動盒子的影響(clear:both;);定位(position:static(靜態)、relative(相對)、absolute(絕對)、fixed(固定))
    4.塊級元素(本行有背景顏色)、行內元素(本行中的內容有背景顏色)
        一、塊級元素:如:<div></div>
        二、行內元素:如:<span></span>
設計

        例如如下圖效果:htm

          

5、CSS屬性:

     CSS屬性太多。這裏來個連接(http://www.cnblogs.com/laihuayan/archive/2012/07/27/2611111.html)。到時候用到的時候再去查吧。blog

相關文章
相關標籤/搜索