尤其是从平面设计转成网页网页设计说明设计的人来说，原本Photoshop绘图，ImageReady排版输出然后由Dreamweaver调整HTML，css的语法可说是许多人的梦靥。5 r+ i& Q \8 x- c
; C7 ?% I" Y3 E9 J# X) T1 {
CSS是Cascading Style Sheets的缩写，中文可以简单称为「样式表」，由W3C所制定的。) N4 A/ C R! [+ @
" p" S+ A$ I+ v1 X$ `$ \, H4 i
CSS起初用于 HTML 网页中，可取代传统字型标签和其他「样式」标记(ex:背景颜色、文字颜色大小、边界...等等)，一直到W3C 批淮了 CSS 第二级，除了在第一级的规范里增加了更多功能之外，同时也出现了定位的属性。而这些属性也取代了被犯滥使用的table标签。
2 d: V7 E6 q0 h; I! @: ] H# t4 c3 F- `2 i9 A+ u- s; ? @& c
以上的叙述还是无法充分的解释css的优点，以一般人的想法来说，用表格所显示的效果与css几乎相同，而css又因不同的浏览器支援度而有所差异，可以用表格轻松达到的效果何乐而不为??
& r; p8 ^4 T' W) c$ u/ S- S2 y' v1 R3 E& s* y! s/ v( S
以下列出几个css的优点，再由您来判定哪一种方式是真正最适合用于网页设计的的编法，也许您会对css有所改观。' v, ~. K* P6 j
6 O. C+ q8 D5 g) u' a比较两种不同写法的HTML原始码，表格的原码数量势必比css多出许多。
: Q8 [3 r4 @0 X# z {9 z( E. q
更新、改版更容易。: v! `6 I! q9 y9 ]# v% s
+ q; m8 U2 W1 J3 z3 z( R表格设计是死的，css设计是活的，设计好的表格版型因原始码的复杂，很难再改变。再者，您可一次更新网站的相同内容，而不需要每个页面分别修改。ex:假设，想要把原本标题靠右的文字内容改为置中，只需修改css即可。
+ l! ^# A3 F z) f `& S6 i; J! S+ P! x6 F) j, E
CSS能让我们更轻易的修改整个网站的设计风格。: F6 f" z1 f, E) p* x- ]6 t
- \4 {7 w, y: y" J, O- m2 Q大多数的网站不会希望网站样貌是同一个样子，使用久了总会看腻，这时若采用表格设计网页优秀网页设计，势必要因为新的版面风格而重新製作表格栏位，反之，css所设计的版面，只需要修改CSS文字样式即可。5 v8 U2 a, |0 X/ |3 I
2 \& x, L( J* E1 i
CSS的编写照顾到弱势族群。8 m5 Y. M5 s$ N
$ h0 w: R" }- j8 Q$ m- u+ i' N
盲人专用的浏览器(语音或点字浏览器)，可将 不必要的显示效果拿掉，而将最重要的内容优先显示，借此能让盲人立即掌握到最重要的资讯，这样是这几年最流行的无障碍网页怎样学好网页设计设计。4 o6 b; \+ M7 |2 M: H1 D
. \$ M4 G( y2 E9 g4 L
CSS的设计有助于SEO让搜寻机器人更加轻易辨识网页内容。
; _4 }0 e' J( R8 ^' X* e7 S4 w+ s9 O/ }& ] r7 k
网站设计除了整体外观漂亮之外，还须考量到seo，使自己的网站能在各大搜寻引擎容易被找到。8 Y2 ?1 A& v ]" r$ ^4 P- N
( U1 o7 d g9 N' v& ^; O综合以上CSS的优点，您是否也对CSS用来设计版面有了新的看法?当然刚开始使用CSS设计排版对许多网页学好网页设计要多久设计师是一项艰巨的挑战，同样一个版面，也许用表格编排只需花上半天的时间，用CSS排版却要用掉三天的工作天，但，一旦掌握其中的道理与规则，相信您也会对CSS爱不释手。
5 y8 W% f |! j! R6 g$ e
& J* v& `) j: k' K6 C" ^本文由中山网站建设设计(http://www.wf2.net/)采编分享，ma6soor转载请注明。 |
每次都这么轻松的抢到沙发也是一种无奈
