浅谈CSS在网站制作中的应用

摘要：随着信息技术的发展，网络成为人们信息交流，转播的重要媒介，而网页的布局设计就是通过CSS来实现的，通过CSS来美化网页的外观，简化网页的格式代码，加快下载速率，降低工作量。本文就CSS网页制作的现状，问题及应用谈谈CSS在网页制作中的作用。

关键词：CSS；网页制作；现状与应用，作用

中图分类号：TP37

一、网站制作现状及问题

随着科学技术的进步，网页内容设计的丰富多彩，网页设计包括动画、媒体、图像及技术等多种元素集合的体现。这么多的内容要保持一个统一的风格，传统的设计已经不能满足网络的发展需要。这时CSS样式设计就能给网页带来更多的元素。用HTML作网站的人会发现就是明明排好版的网页到了显示器的分辨率不同的机器上，网页上的字体大小就变得不一致了，网页的美观感就打了大大的折扣。由于网页文件没有统一定义字体大小的功能，这样就需要对每一个文字调整大小，这样浏览解析时要花费大量的时间，也增加网页文件的代码。而CSS就能解决上面提到的问题，并已经在内部网、省委网、新工作网等多个网站实践证明过了。

二、CSS在网站制作中的应用

CSS全名叫层叠样式表单，是由W3C组织提出来增强网页的形式和让HTML文件的内容和形式分开的一种形象的叫法。CSS就是一种设计网页式样的软件。CSS是HTML4.0拥有的新功能，它的格式設置功能比HTML样式表更全面，网页设计内容效果也更加的多样。用CSS软件可以以更加灵活、多样的形式对文字段落、字体的颜色、大小还有页面版式进行格式化的设计。使网页在视觉上观赏性强，简洁大方。用下面三种方式把样式表格加入到用CSS技术建立的网页中。

（一）嵌入内部样式块对象

样式表的信息在HTML文档的顶部插入对象就可以全部找到，就是在< HEAD > 和之间插人例如：

不支持CSS的浏览器可以通过把STYLE对象的TYPE属性设置为“text/css”让样式表单不在被浏览器阻止之列。有些老式的浏览器，像MAC机用的IE2.0在设定了TYPE=“text/css”属性的情况下，会显示出样式表的代码，且浏览器也不能继续执行下面的语句而不管样式表单的形式。但如果有“<！—”和“-->”这样的注释标签的话不会发生这种情况了。更为重要。因此可以看出注释标签在浏览器忽视样式表单中起着重大的作用。

HTML的整个页面都被嵌入样式表规则后，浏览器在页面上就按照这个规则运行，你设置的关于页面的数据就是你所看到的页面形式。采用嵌入样式表规则非常适用于网站每一页使用的CSS都不一样这种情况。

（二）链接外部样式表文件

现在降低样式编辑操作的繁琐性的办法，通常都是先把CSS样式表的定义部分根据网页上的有关内容，进行专门的提炼和整合，并以文本文件的方式储存起来。在网页上要使用什么样的CSS样式定义，就只需要找到相应的样式表文件名称就可以成功使用了。样式表文件名称有很强的严谨性，随便的改变样式表文件的某一个内容，所有页面设计也会随之做出改变。这个特点对大站点的维修、保护是非常的便利的。在样式表文件的使用时，在HEAD部分使用标签，而不使用