欢迎来到设计师实训基地-南通科迅教育
咨询电话:0513-81107102
CSS技术在WEB设计中的应用
2016/12/22
科迅教育
299
南通美工设计培训选好学校很重要
一、什么是CSS

CSS(Cascading Style Sheets),即层叠样式表,是控制网页布局样式基础的一种表现设计语言,能够实现对网页的结构、行为与表现进行分离的Web标准,进行网页的风格设计。CSS可以支持众多的浏览器,能与许多浏览器端的脚本语言一起应用,在网页中做出动态的效果。

比起传统的网页设计技术,CSS具有语法相对简单,编写容易、排版和控制能力强、页面浏览速度快、管理样式集中、可随意发布等优点。

二、CSS在WEB设计中的应用

CSS的基本语句结构是选择符{属性:属性值},HTML中的任意标识符都可以使用,由于CSS的代码语句构成都是最基本的,因为它可以在绝大多数的浏览器上使用。

1、CSS对Web网页样式的控制

Web设计中对于网页样式的控制常通过CSS技术来实现。CSS可以控制页面的布局、字体、背景等信息,使用完全代码控制,应用随意方便,使网页布局样式灵活多样,完美实现Web标准。

利用CSS进行Web布局样式时,如在网页中产生一个表格,可以直接用记事本创建一个CSS文件,对其进行编辑,完全抛开Table一层一层嵌套的冗余代码。而利用CSS+HTML,在html代码中加入相应的代码即可实现表格的网页布局,想要改变时,直接对CSS文件进行修改即可。

CSS控制字体的能力可以随意改变字体的颜色、样式等,使Web页面的字体更加漂亮和容易编排,如想要为Web网页中的一段文字产生模糊阴影的效果,只需要利用记事本直接将网页打开,在中输入相应的代码即可。

2、CSS对Web网页文件大小的控制

CSS技术可以将用HTML或其他相关语言写成的文件内容结构与文件的显示分离开来,简单来说就是实现样式与内容的分离,这可以节约至少50%以上的文件尺寸,使构成Web网页的文件变小。

为了网页的设计效果,需要使用大量的图形,Web文件过大会导致网页的下载速度变慢,而一个Web网站是否有可用性,速度才是关键指标,只有提高页面的浏览速度,使页面能够更快地出现在访问者的窗口中,才能增加访问量,实现Web网站的目的。

3、CSS对Web网页连接的控制

CSS文件形式的样式表连接在Web网页设计中不仅可以用于当前网页文件,还可以进行随意的连接。在将CSS样式表应用到HTML页面中时,最好也最常用的是外部连接。这种方式可以先将CSS样式代码放到一个外部文件中,再利用HTML中的LINK元素调用,只需要对几个CSS文件进行简单的修改就能重新设计一个有许多页面的站点,缩短改版时间,更好地实现网站文件的的最优化配置。

具体的做法可以在HTML页面的head标签下输入,使用LINK元素调用。

三、CSS在WEB设计中的常见问题

在进行Web网页设计时使用CSS技术还需要注意一些常见的问题,这样在使用CSS进行Web设计时才能更加得心应手。

在书写CSS时应该具有好的书写习惯,遵循一定的规范对CSS各个部分进行命名,并尽量缩写CSS代码,如可以将“#CCCCCC”简写成“#CCC”,这样可以有效地提高书写代码的效率,减小文件体积。还应该注意class的多重定义,以及不同浏览器的属性默认值,而由于浏览器的兼容问题,可以在一开始就将样式表中所有元素的margin和padding设置为0。在使用不同的元素套用同一组样式时应先定义类别名,后引用<标识符 class=类别名>。

在CSS设计网页的校验过程中常会出现通过了W3C校验,但未通过CSS2.0校验,这是由于W3C定义字体的原因,如果最后是以单独某个字体而不是一个类别的字体结束,就会在有些操作系统中再定义时被漏掉。

另外,CSS还经常会出现兼容的问题,“*”在IE浏览器中可以被识别,在非IE浏览器中则不能,如“*+html”,IE7浏览器能够识别,Firefox则不能识别,这样在书写代码时就应该注意所使用的浏览器类别,以防出现错误。

总之,使用CSS技术进行Web的设计,可以使页面的布局更加合理和丰富,使网站的维护和更新更加方便快捷。但在使用CSS技术时也应该注意可能会出现的问题,不断地了解新知识,并将其应用在实际中,这样才能跟的上信息技术时代的潮流。
77
关闭
先学习,后交费申请表
每期5位名额
在线咨询
免费电话
QQ联系
先学习,后交费
TOP
您好,您想咨询哪门课程呢?
关于我们
机构简介
官方资讯
地理位置
联系我们
我要学习
先学后付
申请试听
在线咨询
网站XML地图
0513-81107102
周一至周六     8:30-21:00
微信扫我送教程
手机端访问
南通科迅教育信息咨询有限公司     苏ICP备15009282号     联系地址:江苏省南通市人民中路23-6号新亚大厦二楼、三楼         法律顾问:江苏瑞慈律师事务所     Copyright 2008-