随着网站建设技术在不断的发展、从以前的table布局再到css布局,为什么css会取代table呢?可能大家心中一直有这个疑问,html的发展大家有目共睹、因为其跨平台性的原因,深受开发人士的欢迎。

网站建设好之后,后期能不能利于维护是很多人考虑的一个核心问题。table开发者说过一句话,连他自己都觉得这种布局形式不好维护。而css3的出现解决了这方面的问题。我们要明白css3的几个特点就是继承性,拥有了继承性,代码就可以重用了。举个简单的例子:

我们要让三组的文字的颜色都改成黄颜色。
html5+css3网站建设、让网站布局更加灵活

html5+css3网页代码示例:

.linjun{
color:#ff0;
}

css变色


css的优点


css继承性

table网页代码示例:











css变色
css的优点
css继承性

可见只有三组的对比css只要几行代码就能解决这个问题了,而且这仅仅是页面的一部分元素,如果元素比较多呢?table的代码量就非常大了。所以css的优势就来了。如果我要改变颜色的话,css只要在属性值 改变下就好,而table就要修改的地方非常多。
html5+css3网站建设、让网站布局更加灵活

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

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

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