web设计中css技术应用探究

《web设计中css技术应用探究》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、WEB设计中CSS技术应用探究　　摘要：随着信息技术的迅速发展，网络的应用已经十分广泛，在对网站进行设计时已经离不开Web标准，而作为一款目前最优秀的设计语言，CSS在Web设计中也占据着越来越重要的地位。本文介绍了CSS技术，阐述了CSS技术在WEB设计中的应用，并简单说明了在使用CSS技术中一些常见的问题，以方便更好地使用CSS技术。关键词：WEB设计CSS技术网页布局中图分类号：TP393文献标识码：A文章编号：1007-9416（2013）01-0095-011什么是CSSCSS（Cascadin

2、gStyleSheets），即层叠样式表，是控制网页布局样式基础的一种表现设计语言，能够实现对网页的结构、行为与表现进行分离的Web标准，进行网页的风格设计。CSS可以支持众多的浏览器，能与许多浏览器端的脚本语言一起应用，在网页中做出动态的效果。比起传统的网页设计技术，CSS具有语法相对简单，编写容易、排版和控制能力强、页面浏览速度快、管理样式集中、可随意发布等优点。2CSS在WEB设计中的应用5CSS的基本语句结构是选择符{属性：属性值}，HTML中的任意标识符都可以使用，由于CSS的代码语句构成都是最

3、基本的，因为它可以在绝大多数的浏览器上使用。2.1CSS对Web网页样式的控制Web设计中对于网页样式的控制常通过CSS技术来实现。CSS可以控制页面的布局、字体、背景等信息，使用完全代码控制，应用随意方便，使网页布局样式灵活多样，完美实现Web标准。利用CSS进行Web布局样式时，如在网页中产生一个表格，可以直接用记事本创建一个CSS文件，对其进行编辑，完全抛开Table一层一层嵌套的冗余代码。而利用CSS+HTML，在html代码中加入相应的代码即可实现表格的网页布局，想要改变时，直接对CSS文件进行

4、修改即可。CSS控制字体的能力可以随意改变字体的颜色、样式等，使Web页面的字体更加漂亮和容易编排，如想要为Web网页中的一段文字产生模糊阴影的效果，只需要利用记事本直接将网页打开，在中输入相应的代码即可。2.2CSS对Web网页文件大小的控制CSS技术可以将用HTML或其他相关语言写成的文件内容结构与文件的显示分离开来，简单来说就是实现样式与内容的分离，这可以节约至少50%以上的文件尺寸，使构成Web网页的文件变小。5为了网页的设计效果，需要使用大量的图形，Web文件过大会导致网页的下载速度变慢，而一个

5、Web网站是否有可用性，速度才是关键指标，只有提高页面的浏览速度，使页面能够更快地出现在访问者的窗口中，才能增加访问量，实现Web网站的目的。2.3CSS对Web网页连接的控制CSS文件形式的样式表连接在Web网页设计中不仅可以用于当前网页文件，还可以进行随意的连接。在将CSS样式表应用到HTML页面中时，最好也最常用的是外部连接。这种方式可以先将CSS样式代码放到一个外部文件中，再利用HTML中的LINK元素调用，只需要对几个CSS文件进行简单的修改就能重新设计一个有许多页面的站点，缩短改版时间，更好地

6、实现网站文件的的最优化配置。具体的做法可以在HTML页面的head标签下输入，使用LINK元素调用。3CSS在WEB设计中的常见问题在进行Web网页设计时使用CSS技术还需要注意一些常见的问题，这样在使用CSS进行Web设计时才能更加得心应手。5在书写CSS时应该具有好的书写习惯，遵循一定的规范对CSS各个部分进行命名，并尽量缩写CSS代码，如可以将“#CCCCCC”简写成“#CCC”，这样可以有效地提高书写代码的效率，减小文件体积。还应该注意class的多重定义，以及不同浏览器的属性默认值，而由于浏览器

7、的兼容问题，可以在一开始就将样式表中所有元素的margin和padding设置为0。在使用不同的元素套用同一组样式时应先定义类别名，后引用。在CSS设计网页的校验过程中常会出现通过了W3C校验，但未通过CSS2.0校验，这是由于W3C定义字体的原因，如果最后是以单独某个字体而不是一个类别的字体结束，就会在有些操作系统中再定义时被漏掉。另外，CSS还经常会出现兼容的问题，“*”在IE浏览器中可以被识别，在非IE浏览器中则不能，如“*+html”，IE7浏览器能够识别，Firefox则不能识别，这样在书写代码

8、时就应该注意所使用的浏览器类别，以防出现错误。4结语使用CSS技术进行Web的设计，可以使页面的布局更加合理和丰富，使网站的维护和更新更加方便快捷。但在使用CSS技术时也应该注意可能会出现的问题，不断地了解新知识，并将其应用在实际中，这样才能跟的上信息技术时代的潮流。参考文献[1]范欣.浅谈网页制作中CSS技术[J].科技风，2012.（7）.238.5[2]丁丽英.网页中运用CSS的常见问题[J].职业技术，2012.（3）