尤其是从平面设计转成网页网页设计说明设计的人来说，原本Photoshop绘图，ImageReady排版输出然后由Dreamweaver调整HTML，css的语法可说是许多人的梦靥。
/ _5 C2 Q/ `! J- B B V. R% ]- j6 L- H
CSS是Cascading Style Sheets的缩写，中文可以简单称为「样式表」，由W3C所制定的。
$ u% h9 Q3 l0 q/ F" S0 f5 V8 s9 \/ J* h% R: D8 V
CSS起初用于 HTML 网页中，可取代传统字型标签和其他「样式」标记(ex:背景颜色、文字颜色大小、边界...等等)，一直到W3C 批淮了 CSS 第二级，除了在第一级的规范里增加了更多功能之外，同时也出现了定位的属性。而这些属性也取代了被犯滥使用的table标签。
0 |! k# F+ S, X2 K1 G1 I/ s* Y; h' Y9 V
以上的叙述还是无法充分的解释css的优点，以一般人的想法来说，用表格所显示的效果与css几乎相同，而css又因不同的浏览器支援度而有所差异，可以用表格轻松达到的效果何乐而不为??3 t9 R; p* r% Y$ e2 w) Q
/ C& d9 \7 ?8 [4 \$ k% a以下列出几个css的优点，再由您来判定哪一种方式是真正最适合用于网页设计的的编法，也许您会对css有所改观。
1 c' T3 ?3 x5 p7 p: {1 \9 ^# Q0 q6 Q* u* { K }
比较两种不同写法的HTML原始码，表格的原码数量势必比css多出许多。
8 O# x" t. I1 b- V
* c; K5 \- |; V* W2 z2 `8 h v更新、改版更容易。6 C& D. _! p% y7 ^- M% b
[* }+ I: d0 b1 q- ?' U$ U; |( L
表格设计是死的，css设计是活的，设计好的表格版型因原始码的复杂，很难再改变。再者，您可一次更新网站的相同内容，而不需要每个页面分别修改。ex:假设，想要把原本标题靠右的文字内容改为置中，只需修改css即可。
: F1 q! |, u" {
8 p; B* Y+ n9 T X% N. p: HCSS能让我们更轻易的修改整个网站的设计风格。3 X) _0 T) X$ S8 y Y
$ {1 g- E& \ N7 T% M7 I& K7 Y% R* K3 C
大多数的网站不会希望网站样貌是同一个样子，使用久了总会看腻，这时若采用表格设计网页优秀网页设计，势必要因为新的版面风格而重新製作表格栏位，反之，css所设计的版面，只需要修改CSS文字样式即可。
8 `+ a9 U8 g! w- W5 H+ \2 x, C0 r
CSS的编写照顾到弱势族群。
! q- W1 n, Z) D1 b! g
2 d! j, f' V& ~8 ]盲人专用的浏览器(语音或点字浏览器)，可将 不必要的显示效果拿掉，而将最重要的内容优先显示，借此能让盲人立即掌握到最重要的资讯，这样是这几年最流行的无障碍网页怎样学好网页设计设计。! V( B4 P: N: D0 q% Y8 X! z m
& I& I, E4 @- M( s# i" g* p1 N. {
CSS的设计有助于SEO让搜寻机器人更加轻易辨识网页内容。
9 B; O/ v% M% }1 C$ p/ `# R1 w6 N9 o" `% e: A" T" F4 @
网站设计除了整体外观漂亮之外，还须考量到seo，使自己的网站能在各大搜寻引擎容易被找到。
9 f( e [8 \; ]( u ]& [
2 l- `; e8 W' R+ u综合以上CSS的优点，您是否也对CSS用来设计版面有了新的看法?当然刚开始使用CSS设计排版对许多网页学好网页设计要多久设计师是一项艰巨的挑战，同样一个版面，也许用表格编排只需花上半天的时间，用CSS排版却要用掉三天的工作天，但，一旦掌握其中的道理与规则，相信您也会对CSS爱不释手。, G1 p8 G& M. U4 k" @ c2 X' i& a
7 v5 D; g/ n$ }8 j/ G4 w+ V, z" ?, S6 \本文由中山网站建设设计(http://www.wf2.net/)采编分享，ma6soor转载请注明。 |
每次都这么轻松的抢到沙发也是一种无奈
