尤其是从平面设计转成网页设计的人来说，原本Photoshop绘图，ImageReady排版输出然后由Dreamweaver调整HTML，css的语法可说是许多人的梦靥。
+ d; V; }; V9 ^# Y3 {6 {9 Z! o& U, M- d9 K
CSS是Cascading Style Sheets的缩写，中文可以简单称为「样式表」，由W3C所制定的。4 ]1 {( `* K# n
+ g: \, D, ^2 c- x$ @% _" I
CSS起初用于 HTML 网页网页设计学习方法中，可取代传统字型标签和其他「样式」标记(ex:背景颜色、文字颜色大小、边界...等等)，一直到W3C 批淮了 CSS 第二级，除了在第一级的规范里增加了更多功能之外，同时也出现了定位的属性。而这些属性也取代了被犯滥使用的table标签。( U i2 z F. l. u) O
; [+ _% S6 d8 f4 I! U
以上的叙述还是无法充分的解释css的优点，以一般人的想法来说，用表格所显示的效果与css几乎相同，而css又因不同的浏览器支援度而有所差异，可以用表格轻松达到的效果何乐而不为??, [! j9 M3 U0 Z$ Y3 ?( `
, ~# F1 \7 _$ v; J( I* e以下列出几个css的优点，再由您来判定哪一种方式是真正最适合用于网页设计的的编法，也许您会对css有所改观。
0 x. E5 x% x, I+ W1 N( g2 @! J, L# D) {
比较两种不同写法的HTML原始码，表格的原码数量势必比css多出许多。
8 N/ ~0 |8 |- M- ]# t, n3 ]3 T7 Z5 D* m4 o
更新、改版更容易。
) _$ @1 T1 i' `2 Y" N; I/ r3 @' }% A9 l% ]
表格设计是死的，css设计是活的，设计好的表格版型因原始码的复杂，很难再改变。再者，您可一次更新网站的相同内容，而不需要每个页面分别修改。ex:假设，想要把原本标题靠右的文字内容改为置中，只需修改css即可。5 i4 T) e! R, U& e
# T2 w* d* h( k2 KCSS能让我们更轻易的修改整个网站的设计风格。
" l3 H3 t, G2 |3 ~( \& P/ \- S5 @# g# L% ]
大多数的网站不会希望网站样貌是同一个样子，使用久了总会看腻，这时若采用表格设计网页网页设计图片，势必要因为新的版面风格而重新製作表格栏位，反之，css所设计的版面，只需要修改CSS文字样式即可。
7 m K& W/ s& b N4 j
+ o% ]8 d( ]' g7 }, |! N, w( O( }, ]CSS的编写照顾到弱势族群。
$ L3 E1 b Y( V$ l/ g* U
7 }8 H% K& d& p* N% Q盲人专用的浏览器(语音或点字浏览器)，可将 不必要的显示效果拿掉，而将最重要的内容优先显示，借此能让盲人立即掌握到最重要的资讯，这样是这几年最流行的无障碍网页现在学网页设计有前途吗设计。4 n* w) R1 x: R1 x& J. e
, ]# v6 Y5 [) G$ N3 D. jCSS的设计有助于SEO让搜寻机器人更加轻易辨识网页内容。* x, w! T1 c0 n. S. x
! }6 X: k7 Q0 V
网站设计除了整体外观漂亮之外，还须考量到seo，使自己的网站能在各大搜寻引擎容易被找到。
$ H. f! I8 h/ F; c* ]
3 J' B% s8 W, ^综合以上CSS的优点，您是否也对CSS用来设计版面有了新的看法?当然刚开始使用CSS设计排版对许多网页网页设计初学入门设计师是一项艰巨的挑战，同样一个版面，也许用表格编排只需花上半天的时间，用CSS排版却要用掉三天的工作天，但，一旦掌握其中的道理与规则，相信您也会对CSS爱不释手。% E. L* | E3 c v
- {- ?1 s9 E: j7 c
本文由郑州钻石回收：http://zz.58.com/huishou/23023458690338x.shtml ygfn00e首发，转载请保留链接，谢谢。 |
楼主V5，
