网站培植好之后,后期能不能利于掩护是很多人考虑的一个核心问题。
table开拓者说过一句话,连他自己都以为这种布局形式不好掩护。
而css3的涌现办理了这方面的问题。
我们要明白css3的几个特点便是继续性,拥有了继续性,代码就可以重用了。
举个大略的例子:

我们要让三组的笔墨的颜色都改成黄色。

html5+css3网页代码示例:

html5网站布局应用教程html5css3网站扶植让网站结构加倍灵巧 Python

.linjun{color:#ff0;}&lt;h1&gt;css变色</h1><h1>css的优点</h1><h1>css继续性</h1>

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就要修正的地方非常多。

css要明白优先级及盒子模型

css可以组成网页的各式各样的布局,那么如何实现的呢?便是根据网页的盒子模型,如下图所示:

css盒子包括了元素、padding(边框离元素的间隔)、margin(元素和元素之间的间隔)。
css发展速率太快了,现在设置出来了sasa预处理措辞,以是如果以前还在用table进行网站培植的朋友,赶紧学习css!