随着网站建设技术在不断的发展、从以前的table布局再到css布局,为什么css会取代table呢?可能大家心中一直有这个疑问,html的发展大家有目共睹、因为其跨平台性的原因,深受开发人士的欢迎。
网站建设好之后,后期能不能利于维护是很多人考虑的一个核心问题。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!