html5+css3網站建設、讓網站佈局更加靈活！

隨着網站建設技術在不斷的發展、從之前的table佈局再到css佈局，爲何css會取代table呢？可能你們心中一直有這個疑問，html的發展你們有目共睹、由於其跨平臺性的緣由，深受開發人士的歡迎。

網站建設好以後，後期能不能利於維護是不少人考慮的一個核心問題。table開發者說過一句話，連他本身都以爲這種佈局形式很差維護。而css3的出現解決了這方面的問題。咱們要明白css3的幾個特色就是繼承性，擁有了繼承性，代碼就能夠重用了。舉個簡單的例子：

咱們要讓三組的文字的顏色都改爲黃顏色。
html5+css3網站建設、讓網站佈局更加靈活

html5+css3網頁代碼示例：

.linjun{
color：#ff0；
}
css變色
css的優勢
css繼承性

table網頁代碼示例：

<table>
<tr>
<td><font color="#ff0">css變色</font></td>
</tr>
<tr>
<td><font color="#ff0">css的優勢</font></td>
</tr>
<tr>
<td><font color="#ff0">css繼承性</font></td>
</tr>
</table>

可見只有三組的對比css只要幾行代碼就能解決這個問題了，並且這僅僅是頁面的一部分元素，若是元素比較多呢？table的代碼量就很是大了。因此css的優點就來了。若是我要改變顏色的話，css只要在屬性值 改變下就好，而table就要修改的地方很是多。
html5+css3網站建設、讓網站佈局更加靈活

css要明白優先級及盒子模型

css能夠組成網頁的各式各樣的佈局，那麼如何實現的呢？就是根據網頁的盒子模型，以下圖所示：

css盒子包括了元素、padding（邊框離元素的距離）、margin（元素和元素之間的距離）。css發展速度太快了，如今設置出來了sasa預處理語言，因此若是之前還在用table進行網站建設的朋友，趕忙學習css！