网站培植好之后,后期能不能利于掩护是很多人考虑的一个核心问题。table开拓者说过一句话,连他自己都以为这种布局形式不好掩护。而css3的涌现办理了这方面的问题。我们要明白css3的几个特点便是继续性,拥有了继续性,代码就可以重用了。举个大略的例子:
我们要让三组的笔墨的颜色都改成黄色。
html5+css3网页代码示例:
.linjun{color:#ff0;}<h1>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!