网页设计中的CSS样式

一、CSS能做什么

CSS用于增强或控制网页样式，并允许将样式信息与网页内容分离。引用样式表的目的是将“网页结构代码”和“网页样式风格代码”分离开，从而使网页设计者可以对网页布局进行更多的控制。利用样式表，可以将整个站点上所有网页都指向某个CSS文件，设计者只需要修改CSS文件中的某一行，整个网页上对应的样式都会随之发生改变。

二、CSS的局限性

CSS具有这么多的作用，是不是就意味着它是无所不能、什么都能自由实现的呢？

1、属性无法继承

当然不是，CSS仍然存在有些属性不能被继承的问题，如border属性，它是用来设置元素边框的，它就没有继承性。多数背景和边框类属性，比如像padding（补白）、margin（边界）都是不能继承的。

2、显示效果不一致

此外，使用CSS指定特定元素外观时，对静态HTML能完美支持，但对于动态网站中服务器元素，还存在着在不同浏览器中输出不一致的问题。

三、网站CSS赏析

1、商务网站CSS样式赏析：

下图是一个企业网站，通过CSS控制图片灵活布局，实现浮雕效果。在这个网站，字体样式、页面背景、按钮样式和菜单都采用CSS修饰控制，如果没有CSS，展示在我们面前的只是一个朴素的HTML文字和图片网站。

2、游戏网站CSS样式赏析：

下图是一个CSS布局的游戏网站，SCC与JavaScript控制，实现缤纷的动态效果。在此网页中，字体样式、按钮样式、菜单样式都得到了充分的应用，并且值得一提的是广告上下浮动，也需要使用CSS样式定义DIV层。