CSS样式表是由许多CSS规则组成的文件。规则是最小的CSS单位，规则定义一种或多种样式效果。每个规则标识它选择网页中的哪些部分，以及它对页面的该部分应用什么属性。网页文档链接到该CSS样式表，就意味着浏览器需要下载该样式表，并且当显示网页页面时应用这些CSS样式规则。CSS文件可以与任何数且的网页文档链接，因此CSS样式表可以控制整个站点或它的一部分的外观。

CSS样式表可以与几种不同的标记语言一起使用，这些标记语言包括HTML和XML。

l  CSS和HTML

超文本标记语言（Hypertext Markup Language，HTML)由标记文档内特定元素的一系列标签组成。这些元素都具有默认表示样式。默认表示样式由浏览器提供，基于HTML的正式规范。用户通过链接到样式表，甚至通过在HTML文件内包括样式表，可以对HTML页面应用样式表，这样可以重新定义每个元素的表示样式。

l  CSS和XML

CSS样式表也可以用来与扩展标记语言(Extensible Markup Language,XML)一起使用。XML语言通常不具有内在的表达定义，而CSS可以直接应用于XML文件，达到添加表达样式的目的。

CSS布局方式如下：

居中布局设计：居中布局设计目前在网页布局的应用中非常广泛。

浮动布局设计：浮动布局设计也是主流布局设计中不可缺少的布局之一。基于浮动的布局利用了float（浮动）属性来并排定位元素。关于float属性的具体介绍及其操作参考如下：http://www.zhiyuanit.net.cn/。

GIF图像的优点:

支持透明的背景色、支持动画格式。GIF特定的存储方式使得GIF文件特别摘长于表现那些包含有大面积单色区域的图像，以及所含颜色不多、变化不复杂的圈像，也就是一些徽标、文字图片或卡通形象等。

GIF图片支持动画．GIF的动画效果是它广泛流行的重要原因。不可否认，在品质优良的矢量动画制作工具Flash推出之后，现在真正大型、复杂的网上动画几乎都是Flash软件制作的，但是在某些方面GIF动画依然有着不可取代的地位。首先，GIF动画的显示不共要特定的插件．而离开特定的插件，Flash动画就不能播放。此外，在制作简单的、只有几帧圈片（特别是位图）交替的动画时，GIF动画也有着特定的优势。