曲偉峰 遼寧輕工職業(yè)學院

1.什么是CSS?DIV?CSS+DIV?

CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫，它是一種用來表現 HTML 或 XML 等文件式樣的計算機語言。CSS可以用來精確的控制頁面里每一個元素的字體樣式、背景、排列方式、區(qū)域尺寸、表框等。使用CSS能夠簡化網頁的格式代碼，加快下載顯示速度，外部鏈接樣式可以同時定義多個頁面，大大減少了重復勞動的工作量。

DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的，其中所包含元素的特性由DIV標簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制。

DIV+CSS是網站標準(或稱“WEB標準”)中常用的術語之一，通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區(qū)別，因為XHTML網站設計標準中，不再使用表格定位技術，而是采用DIV+CSS的方式實現各種定位，實現網頁頁面內容與表現相分離。"DIV+CSS"其實是錯誤的叫法，而標準的叫法應是XHTML+CSS。因為DIV與Table都是XHTML或HTML語言中的一個標記，而CSS只是一種表現形式。

2. CSS基礎語法

CSS語法規(guī)則由兩個主要的部分構成：選擇器和一條或多條聲明。選擇器一般是需要改變樣式的HTML元素，每一條聲明有一個屬性和一個值組成，屬性和值用冒號隔開。

3. 選擇器

要使用CSS對HTML頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到CSS選擇器，HTML頁面中的元素就是通過CSS選擇器進行控制的。

CSS選擇器常用的有：HTML選擇器、ID選擇器、Class選擇器，當然還有很多其他的就不一一說了。

HTML選擇器：就是以HTML標簽作為選擇器，其作用域是所有符合條件的HTML標簽

ID選擇器：可以為標有特定 id 的 HTML 元素指定特定的樣式，ID選擇器選擇器以 "#" 來定義，ID屬性只能在每個 HTML文檔中出現一次。

Class選擇器：使用HTML標簽的Class屬性設置值的選擇器，有關聯類選擇器和獨立類選擇器：

關聯類選擇器：可以為同一元素定義不同的樣式

獨立類選擇器：可以為多個不同的元素定義相同的樣式

優(yōu)先級為：ID選擇器>Class選擇器>HTML標簽選擇器

4. CSS設置方式

外部樣式、內聯樣式（在HTML元素內部）、嵌入樣式（位于標簽內部）

5. 繼承

所有嵌套在某個HTML標簽中的HTML標簽都會自動繼承外層標簽設置的樣式規(guī)則。

6. 盒子模型

CSS盒子模型就是在網頁設計中經常用到的CSS技術所使用的一種思維模型，盒子模型具有內容(content)、填充(padding)、邊框(border)、邊界(margin)這四個屬性。

7. Div+CSS標準的優(yōu)點 :

大大縮減頁面代碼，提高頁面瀏覽速度,縮減帶寬成本;結構清晰，容易被搜索引擎搜索到，天生優(yōu)化了seo。縮短改版時間。只要簡單的修改幾個CSS文件就可以重新設計一個有成百上千頁面的站點。強大的字體控制和排版能力。CSS控制字體的能力比糟糕的FONT標簽好多了。CSS非常容易編寫。提高易用性。使用CSS可以結構化HTML。你的設計不僅僅用于web瀏覽器，也可以發(fā)布在其他設備上，比如PowerPoint。更好的控制頁面布局。表現和內容相分離。將設計部分剝離出來放在一個獨立樣式文件中，你可以減少未來網頁無效的可能。更方便搜索引擎的搜索?？梢暂p松地控制頁面的布局?？梢詫⒃S多網頁的風格格式同時更新，不用再一頁一頁地更新了?？梢詫⒄军c上所有的網頁風格都使用一個CSS文件進行控制，只要修改這個CSS文件中相應的行，那么整個站點的所有頁面都會隨之發(fā)生變動。