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