很多网页设计师都有共同的问题:表格用得好好的,为什么要改用CSS编写??尤其是从平面设计转成网页设计的人来说,原本Photoshop绘图,ImageReady排版输出然后由Dreamweaver调整HTML,css的语法可说是许多人的梦靨。
CSS是Cascading Style Sheets的缩写,中文可以简单称为「样式表」,由W3C所制定的。CSS的进化由第一级:用於 HTML 网页中,可取代传统字型标签和其他「样式」标记(ex:背景顏色、文字颜色大小、边界...等等),一直到W3C 批准了 CSS 第二级,除了在第一级的规范里增加了更多功能之外,同时也出现了定位的属性。而这些属性也取代了被犯滥使用的table标籤。
以上的叙述还是无法充分的解释css的优点,以一般人的想法来说,用表格所显示的效果与css几乎相同,而css又因不同的浏览器支援度而有所差异,可以用表格轻松达到的效果何乐而不為??以下列出几个css的优点,再由您来判定哪一种方式是真正最适合用於网页设计的的编法,也许您会对css有所改观。
第一:比较两种不同写法的HTML原始码,表格的原码数量势必比css多出许多。
第二:更新、改版更容易。表格设计是死的,css设计是活的,设计好的表格版型因原始码的复杂,很难再改变。再者,您可一次更新网站的相同内容,而不需要每个页面分别修改。ex:假设,想要把原本标题靠右的文字内容改為置中,只需修改css即可。
第三:CSS能让我们更轻易的修改整个网站的设计风格。大多数的网站不会希望网站样貌是同一个样子,使用久了总会看腻,这时若採用表格设计网页,势必要因为新的版面风格而重新制作表格栏位,反之,css所设计的版面,只需要修改CSS文字样式即可。
第四:CSS的编写照顾到弱势族群。盲人专用的瀏览器(语音或点字瀏览器),可将不必要的显示效果拿掉,而将最重要的内容优先显示,借此能让盲人立即掌握到最重要的资讯,这样是这几年最流行的无障碍网页设计。
网站设计除了整体外观漂亮之外,还须考量到seo,使自己的网站能在各大搜寻引擎容易被找到。CSS的设计有助於SEO让搜索引擎蜘蛛更加轻易辨识网页内容。