CSS （一）初步理解

標籤：css   web開發   

     通過牛腩新聞發布系統，接觸了CSS，也感受到了它在做Web前台開發時簡單方便易更改的優點。

     尤其是後邊對於CSS盒子的學習和認識，更加讓人體會到網頁設計和很多事物一樣蘊含著深刻的思想和設計技巧，融於生活，表現生活。

     本篇文章主要是對CSS內容概況的一些個人理解。

     CSS，即階層式樣式表。它真正做到了使網頁表現層與內容分離的一種樣式設計語言，做到了代碼控制介面，簡單易修改的解耦效果。

     通過CSS，我們可以精確控制對象位置精確到像素級，還可以隨心設計對象樣式和風格，達到最優的美觀度。

 

     下面是CSS的一些特點。

     1、選取器與優先順序。

     選取器這裡介紹ID選取器和類別選取器。

     ID選取器我們可以這樣理解：我們給某個對象賦值了一個唯一ID，我們就可以通過這個ID來控制這個對象了。就像通過ID號來操作資料庫一樣。 ID選取器一“#”來定義。

     類別選取器：我們建立一個類，為它制定一個類名，然後我們就可以通過這個類名統一管理這個類了。這個類可以包含很多具體的對象。

     當然，在類別選取器中我們也可以做到某些對象的特殊化，因為普遍與特殊永遠是不能分開的。比如對象“小蘋果”，我們可以設定“蘋”的特殊顏色等等。

     

     優先順序指的是CSS樣式在瀏覽器中的執行順序，其實也就是代碼執行的先後順序。

     一般來說是順序執行，但有時候代碼中會發生衝突。如在一個類中包含對象a，我們既在代碼中寫明了整個類中的對象都顯示紅色，又寫明了a要顯示黃色，這樣就需要優先順序來解決了。

      CSS中優先順序：ID選取器，類別選取器，HTML。

      更具體的劃分，參見百度百科（http://baike.baidu.com/view/939547.htm）：內聯樣式(inline style) > ID選擇符 > 類選擇符(class), 偽類(pseudo-class)和屬*(attribute)選擇符 > 類別(type)，偽對象(pseudo-element）

     2、核心

     CSS的核心其實就是對CSS盒子的使用，包括標準流、模型、浮動、定位等方面的知識，在之後的部落格中我會詳細介紹，這裡就不在贅述了。

     3、與CSS+DIV的區別

     CSS指階層式樣式表。

     DIV是HTML語言裡的一個標籤元素，屬於布局元素。
     DIV+CSS意思我們可以理解為用CSS控制DIV進行布局。
     你可以想像DIV就是一個文本或矩形框，而CSS則控制他們在網頁的什麼地方，以什麼樣的方式出現等。
     就像當前的部落格頁面就可以看到很多的“框”，你查看此網頁的原始碼，也會看見很多“DIV”：標籤裡的 style="屬性:屬性值;屬性:屬性值;..." 就是應用到標籤的CSS.這是使用CSS的方法之一。

    

     總結：使用CSS+DIV進行網頁開發是當前的主流，對於這方面的知識還需要我們對其實現原理充分理解，對CSS盒子進行實踐和學習，這樣每個人都會成為網頁製作高手~