尤其对于从平面设计转到网页设计的人来说,Photoshop绘图,ImageReady排版,然后Dreamweaver调整HTML和css的语法可以说是很多人的噩梦。
CSS是层叠样式表的缩写,中文可以简称为“样式表”,由W3C制定。
CSS起初用于 HTML 网页中,可取代传统字型标签和其他「样式」标记(ex:背景颜色、文字颜色大小、边界...等等),一直到W3C 批淮了 CSS 第二级,除了在第一级的规范里增加了更多功能之外,同时也出现了定位的属性。而这些属性也取代了被犯滥使用的table标签。
CSS最初用于HTML页面,是为了取代传统的字体标签和其他“样式”标签(例如:背景颜色、文本颜色大小、边界等)。),直到W3C批准CSS Level 2,不仅在一级规范中增加了更多的功能,还出现了定位属性。这些属性还替换了被滥用的表标签。
以上说法还是不能完全说明css的优势。对于普通人来说,表格显示的效果几乎和css一样,css随浏览器支持级别不同而不同。为什么不用表格就能轻松达到效果?
以下是css的几个优点,然后由你来决定哪种方式真正适合网页设计。也许你会换css。
对比一下两种不同方式写的HTML源代码,表格的源代码数量必然比css多很多。
更新修改更容易。
表设计死了,css设计活了,设计出来的表版本因为原始代码的复杂性很难更改。此外,您可以一次更新网站的相同内容,而无需单独修改每个页面。例如:假设你想把原标题右边的文字内容改为居中,你只需要修改css。
CSS可以让我们更容易修改整个网站的设计风格。
大多数网站都不希望网站的外观千篇一律,长期使用总是很累。此时,如果您使用表格来设计网页,则由于新的布局样式,您必须重新创建表格字段。相反,css设计的布局只需要修改CSS文本样式。
CSS的编制照顾弱势群体。
盲人浏览器(语音或盲文浏览器)可以去除不必要的显示效果,优先显示重要内容,让盲人立即掌握重要信息,是近年来流行的无障碍网页设计。
CSS的设计有助于SEO使搜索机器人更容易识别网页内容。
除了整体美观之外,网站设计还应该考虑seo,这样其网站就可以很容易地在各大搜索引擎中找到。
基于CSS的上述优点,你对CSS进行布局设计有新的看法吗?当然,对于很多网页设计师来说,一开始用CSS进行设计排版是一个艰巨的挑战。同样的页面布局,用表格排可能只需要半天,用CSS排需要三个工作日。但是,一旦掌握了原则和规则,相信你也会爱上CSS的。#p#分页标题#e#