国画中有句话，"画虎先画骨"。对应到网页上，视觉效果就像一张皮，而前端代码是支撑这张皮的骨，了解骨架是怎么长的，有助于设计出更合理高效的页面。

　　一、常见视觉效果是如何实现的

　　关于文字效果

　　文字自身属性相关的效果css中都是有相对应的样式的，如字号、行高、加粗、倾斜、下划线等，但是一些特殊的效果，主要表现为ps中图层样式中的效果（网页设计培训） ，css是无能为力的。但是css也在不断发展，在css3中已经新增了文字阴影的效果，可惜IE6、7、8均不支持。所以，一些比较特殊的文字效果，依然只能通过图片来实现。

　　说说文字间距


　　在 css中其实是可以控制文字间距的，但是现实中很少会使用，一方面是很多设计师不知道css中有相应的属性，并且需要使用文字间距的场景也不多，另一方面，浏览器解析文字间距的方式也令这一属性在某些场景下无法使用，比如在文字居中的时候，实际居中的区域是包含了文字间距的(如上图)，使得在视觉效果上让人无法接受，所在当需要在文字中保留一定空间的时候(比如两个字的按钮)，会直接用空格来代替。

　　不过多知道一种实现文字间距的方法总是好的，虽然目前来看应用场景很少，但是也许某天就派上用场了。比如12号的雅黑文本看上去会感觉密密麻麻的，但是加上一点文字间距，阅读效果就会好很多。