CSS+DIV總結

     HTML在Web飛速發展的過程中起著重要作用，有著重要地位。HTML初衷是為了表達標籤（<p>、<table>）的內容資訊。同時文檔布局由瀏覽器來完成，不使用任何格式的標籤。慢慢地IE不斷將新的HTML標籤和屬性添加到HTML規範中，建立文檔內容清晰地獨立於文檔表現層的網站越來越困難。所以為瞭解決這個問題，創造出了HTML之外的樣式即CSS層疊樣式表。

 

學習了一周CSS+DIV，總結如下：

       本視頻主要講的是用CSS+DIV進行網頁布局。前半部分是一些基礎的css樣式，後面的是一些例子，根據例子來理解CSS+DIV的布局。把每一塊都寫成div，然後用CSS控制其樣式進行美化布局效果，著重實際操作。

       本視頻主要包括CSS的基本文法與概念：設定文字、圖片、背景、表格和菜單等網頁元素的方法，以及CSS濾鏡的使用。還有一些擴充知識：CSS與JavaScript、CSS與XML、CSS與Ajax的綜合應用。後面還有幾個大例子，通過大例子深刻理解了CSS+DIV布局。把一塊內容放在一個DIV中，然後對其標籤的id,class的樣式在CSS中進行設定。保持了HTML代碼和CSS代碼的分離。那麼HTML中引入CSS的方式有行內樣式、內嵌式、鏈入外部樣式表、匯入內部樣式。

 

總結：學習CSS+DIV重在理解和操作。還需要多練習。不論哪門語言都有其優缺點。

Div+CSS的優點：

1、減少頁面的載入時間

    頁面體積變小，瀏覽速度變快。

2、易於修改

     HTML頁面和CSS代碼是分開的，將網頁的內容和表現形式分離。修改設計時只需要改一下樣式即可，不會打破頁面中其他樣式的布局，這種特點是table不具備的。

3、保持視覺的一致性，強大的字型和排版能力

      把樣式都放在CSS檔案中，避免了不同地區或頁面的效果偏差。

4、有利於搜尋引擎爬蟲：一般而言相同頁面html檔案table布局位元組大於DIV+CSS布局的位元組，所以可以節約搜尋引擎爬蟲爬行下載頁面內容時間。

    

缺點：

1、開發技術高：要相容各瀏覽器以及版本瀏覽器要求較高。

2、開發時間長：比表格定位複雜的多，很容易出現問題。

3、開發成本相對table高：高技術和長時間決定了高成本。