ＣＳＳ技术在网页设计中的应用探析
张志洁。李书明，赵玲
（华中师范大学教育信息技术工程研究中心，湖北武汉４３００７９）
摘要：ｃｓｓ的英文全称是ｃａｓｃａｄｉｎｇｓ刚ｅｓｈｅｅｔｓ，是一种锏作网页的便捷技术。通过研究ｃｓｓ层叠样式表的主要思想，结合具体实例介绍如何在网页设计中使用样式表的方法，使读者准确掌握ｃｓｓ技术，并可进行实践运用。ｃｓｓ应用在网页设计中，可易于精确控制网页布局、提高代码重用率、简化ＨＴＭＬ中的各种繁琐标记、提高网页传输速率、便于对网页的更新与维护。
关键词：ＣＳＳ：ＨＴＭＬ；运用链接
中图分类号：ＴＰ３０１文献标识码：Ａ文章编号：１００９—３０４４（２００７）１０—２０１００７—０３
ＴｈｅＡｐｐｌｉｅｄＡｎａＩｙｓｉｓｏｆＷｅｂｐａｇｅＤｅｓｉｇｎｉｎｇＢａｓｅｄｏｎＣａｓｃａｄｉｎｇＳｔｙＩｅＳｈｅｅｔＴｅｃｈｎｏＩｏｇｙ
ｚＨＡＮＧｚｈｉ．ｊｉｅ，ＬＩＳｈｕ—ｍｉｎ昏ＺＨＡｏＬｉｎｇ
（Ｅｎ百ｎｅｅｒｉｎｇＲｅｓｅａｒｃｈｃｅｎｔｅｒｏｆＥｄｕｃａｔｉｏｎＩｎｆｏｒｍａｔｉｏｎＴｅｃｈｎ０１０９ｙ，ｃｅｎｔｒａｌｃｈｉｎａＮｏｒｍａｌｕｎｉＶｅｒｓｉｃｙ，ｗｕｈａｎ４３００７９，ｃｈｉｎａ）Ａｂｓｔｒａｃｔ：ＴｈｅｃｓＳＥｎｄｉｓｈｆｍｌｔｉｔｌｅｉｓｃａｓｃａｄｉｎｇｓｃｙｌｅｓｈｅｅｔＳ，ｉｔｉｓｋｉｎｄｏｆｍａｎｕｆａｃｔｕｒｅｗｅｂｐａｇｅｃｏｎｖｅｎｉｅｎｔｔｅｃｈｎｏｌｏｇｙ．Ｔｈｒｏｕｇｈｅｌａｂｏ—
ｔｈｅＣａｓｃａｄｉｎｇＳｃ）ｄｅＳｈｅｅｔｓ’ｂａｓｉｃｔｈｏｕｇｈｔａｎｄｉｎｔｒｏｄｕｃｅｈｏｗｔｈｅＣａｓｃａｄｉｎｇＳｑｄｅＳｈｅｅｔｉｎｗｅｂｐａｇｅｄｅｓｉｇｎｉｎｇｂｙｕｓｉｎｇｅｘａｍｐｌｅｓ．ＴｈｅｒｅａｄｅｒａｃｃｕｒａｔｅｌｙｇｒａｓＰｔｈｅＣＳＳｔｅｃｈｎ０１０９ｙａｎｄｍａｙｃａｒｒｙｔｈｅｐｒａｃｔｉｃｅｕｔｉｌｉｚａｔｉｏｎ．ＴｈｅＣＳＳｕｓｅｄｉｎｔｈｅｗｅｂｐａｇｅｄｅｓｉｇｎｉｎｇ，ｃａｎａｃｃｕｒａｃｙｃｏｎｔｒ０１ｗｂｐａｇｅ１ａｙｏｕｔ，ｅｎｈａｎｃｅｃｏｄｅｅｎｔｍｓｔｉｎｇｗｉｔｈｈｅａｖｙｒｅｓｐｏｎｓｉｂｉｌ时ｒａｔｅ，ｓｉｍｐＩ毋１ａｂｅｌｓｏｆＨＴＭＬ，ｉｍｐｒｏＶｅｔｈｅｗｅｂｐａｇｅｔｒａｎｓｍｉｓｓｉｏｎｓｐｅｅｄ，ｅａｓｙｔｏｗｅｂｐａｇｅｒｅｎｅｗａｌａｎｄ
ｍａｉｎｔｅｎａｎｃｅ．
ＫｅｙｗＯｒｄｓ：ＣＳＳ；ＨＴＭＬ；Ｕｓｉｎｇ１ｉｎｋ
１引言
随着信息社会化对教学效率和教学效果的要求，现在各级各类学校纷纷将单一的课堂教学搬上了方便快捷Ｉｎｔｅｍｅｔ，并形成了资源丰富多元化的教育网站，使学生在互联网上可以利用各种资源进行有效的学习．大大提高了学习效率。作为网页设计者，如何提高网页设计效率．使之便于设计、修改、维护是我们应关注的问题，在这里我们使用了一种便捷的技术——层叠样式表。
ＣＳＳ的英文全称是ＣａｓｃａｄｉｎｇＳｔｙｌｅＳｈｅｅｔｓ，中文翻译为“层叠样式表”，简称样式表．它是一种制作网页的便捷技术。它的主要用途如下：
可以轻松地控制页面的布局；使页面的字体变得更漂亮，更容易编排。使页面真正赏心悦目；你可以将许多网页的风格格式同时更新．不用再一页一页地修改；以前一些非得通过图片转换实现的功能，现在只要用ＣＳＳ就可以轻松实现，从而更快地下载页面；在几乎所有的浏览器上都可以使用。
正是层叠样式表卓越的功能使得它在现在网页设计中得到了广泛推广与应用。
２ｃｓｓ语法
２．１基本语法
基本格式如下：
ｓｅｌｅｃｔｏｒ（ｐｒｏｐｅｒｔｙ：ｖａｌｕｅ｝
（选择符｛属性：值｝）
女口：ｂｏｄｖｆｃｏｌｏｒ：ｂｌａｃｋｌ
选择符ｂｏｄｖ是指页面主体部分，ｃｏｌｏｒ是控制文字颜色的属性，ｂｌａｃｋ是颜色的值，此例的效果是使页面中的文字为黑色。
２．２类选择符
首先．来看“类”的一个用途，先定义一个类：
Ｐ．ｇｒｅｅｎ｛ｃｏｌｏｒ：ｇｒｅｅｎ）
在ＨＴＭＬ中．引用相应的类：
＜ＰＣＬＡＳＳ＝”ｇｒｅｅｎ”＞你好＜／Ｐ＞
显示的结果为字体为绿色。我们看到使用类选择符可以很方便的在不同的ｈｔｍｌ页面中对它进行调用，代码重用率得到提高，也使页面编码更加简洁。
２．３ＩＤ选择符
ＩＤ选择符的应用和类选择符类似，只要把ＣＬＡＳＳ换成ＩＤ即可，但是ＩＤ选择符局限性很大，只能单独定义某个元素的样式，一般只在特殊情况下使用。如：
＜ｐ
ｉｄ＝”ｉｎｔｒｏ”＞
你好
＜／ｐ＞
定义ＩＤ选择符要在ＩＤ名称前加上一个“＃”号，ＩＤ属性将匹配所有ｉｄ＝”ｉｎｔｍ”的元素：
＃ｉｎｔｍ
｛ｆｏｎｔ—ｓｉｚｅ：１２ｐｔ；
ｃｏｌｏｒ：＃０００；ｌ
２．４包含选择符
可以单独对某种元素包含关系定义的样式表．元素１里包含元素２，这种方式只对在元素１里的元素２定义，对单独的元素１或元素２无定义．例如：
ｔａｂｌｅ
ｆｆｏｎｔ—ｓｉｚｅ：ｌ２ｐｘｌ
在表格内的链接改变了样式，文字大小为１２象素，而表格外的链接的文字仍为默认大小。
２．５伪类——动态链接
伪类可以看做是一种特殊的类选择符，是能被支持ＣＳＳ的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。
我们最常用的是４种ａ（锚）元素的伪类，它表示动态链接在４种不同的状态：ｌｉｎｋ、ｖｉｓｉｔｅｄ、ａｃｔｉｖｅ、ｈｏｖｅｒ（未访问的链接、已访问的链接、激活链接和鼠标停留在链接上）。
ａ：ｌｉｎｋｆｃｏｌｏｒ：＃ＦＦ００００；ｔｅｘｔ—ｄｅｃｏｒａｔｉｏｎ：ｎｏｎｅ｝产未访问的链接
ａ：ｖｉｓｉｔｅｄ｛ｃｏｌｏｒ：＃００ＦＦ００；ｔｅｘｔ—ｄｅｃｏｒａｔｉｏｎ：ｎｏｎｅ｝ｐ已访问的链接＋／
ａ：ｈｏｖｅｒ｛ｃｏｌｏｒ：＃ＦＦ００ＦＦ；ｔｅｘｔ—ｄｅｃｏｒａｔｉｏｎ：ｕｎｄｅｒｌｉｎｅ）／木鼠标在链接上＋／
收稿日期：２００７—０４—２２
基金项目：教育部创新工程重大项目培育资金项目“国家知识服务体系支撑技术研究”支持，项目编号：７０５０３８。
作者简介：张志洁（１９７９一），女，湖北红安人，硕士研究生，研究方向为计算机应用；李书明（１９６９一），男，湖北仙桃人，博士，副教授，研究方向为
计算机应用，系统结构等；赵玲（１９８２一），女，湖北荆州人，硕士研究生，研究方向为计算机应用。
１００７ 万方数据·网络通讯与安全······本栏目赍任编辑：冯蟹
ａ：ａｃｔｉｖｅｆｃ０１０ｒ：＃００００ＦＦ；ｔｅｘｔ—ｄｅｃｏｒａｔｉｏｎ：ｕｎｄｅｒｌｉｎｅ｝，木激靠§链接＋／
上面这个例子中，这个链接未访问时的颜色是红色并无下划线．访问后是绿色并无下
划线，激活链接时为蓝色并有下划线，鼠标在链接上时为紫色并有下划线。
根据叠层顺序．我们在定义这些链接样式时．一定要按照ａ：１ｉｎｋ，ａ：ｖｉｓｉｔｅｄ，ａ：ｈｏｖｅｒ，ａ：ａｃｔｉｖｅｄ的顺序书写。
３如何在网页中插入ＣＳＳ
样式表在页面中显示出来的方法如下：链人外部样式表、内部样式表、导入外表样式表和内嵌样式。
３．１使用Ｅｍｂｅｄ（嵌入样式表单或内部样式表）排版样式
将ＣＳＳ代码直接插入每个页面的ＨＴＭＬ的＜ｈｅａｄ＞区，使用＜ｓｔｖｌｅ＞…＜，ｓｔｖｌｅ＞标签。例如：
＜ｓｔｙｌｅＩｙｐｅ＝”ｔｅｘｔ／ｃｓｓ”＞
＜！一一
．ｐ１｛ｆｏｎｔ—ｆａｍｉｌｙ：”宋体”；ｆｏｎｔ—ｓｉｚｅ：１２ｐｔ；ｃ０１０ｒ：＃６６ＦＦ６６｝
＜／ｓｔｙｌｅ＞
３．２使用“ｌｉｎｋ（外部样式表单或链入外部样式表）排版样式”
你可以将多个页面的排版风格都用一个样式单文件控制．如果你的站点文件非常多，则这项功能就非常方便了．实现方法是在＜ｈｅａｄ＞区内使用＜１ｉｎｋ＞标签。
＜ｈｅａｄ＞
＜ｌｉｎｋｒｅｌ＝ｓｔｙｌｅｓｈｅｅｌｈｒｅｆ＿”ｈｔｔｐ：／／２０２．１１４．２２．５６／ｔ００１．ｃｓｓ”ｔｙｐｅ＝”ｔｅｘ“ｃｓｓ”＞
＜／ｈｅａｄ＞
注意：ＣＳＳ文件的路径可以使用绝对路径（ｈｔｔｐ：／／…）表示或者用相对路径（例如．．．／ｃ§ｓ／ｔ００１．ｃｓｓ）表示都可以。
３＿３使用“Ｉｎｌｉｎｅ（行内样式表单或内嵌样式）排版样式”
它的特点是“定义某一个标签的样式风格”，只对所定义的标签起作用，并非对整个页面起作用。利用超文本标记语言的＜ｓｔｖｌｅ＞属性对区域内定义，并对区域内有效。例如：
＜ｐｓｔｙｌｅ＝”ｆｏｎｔ—ｓｉｚｅ：１２ｐｔ；ｃｏｌｏｒ：＃ｃｃ３３６６；ｆｏｎｔ—ｆａｍｉｌｙ：宋体”＞你好＜／Ｄ＞
３．４使用“ｉｍｐｏｎ（输入的外部样式表单或导入外部样式表）”
此方法仅适用于ＩＥ浏览器，样式表语法如下：
＜ｓｔｙｌｅｔｙｐｅ＝”ｔｅｘ“ｃｓｓ”＞
＜！一一
＠ｉｍｐｏｒｔｕｒｌ（ｔ００１．ｃｓｓ）；
一一＞
＜／ｓｔｙｌｅ＞
４ＣＳＳ在网页设计中的经典运用
４．１链接变色效果
使用伪类可以实现这个特殊效果，在下面的代码中使连接文字显示红色．正在点击的连接显示黑色，已经反复问过的连接显示黄色。
＜ｓｔｙｌｅｔｙｐｅ＝”ｔｅｘ如ｓｓ’’＞
＜！一一
ａ：ｌｉｎｋ（ｔｅｘｔ—ｄｅｃｏｒａｔｉｏｎ：ｎｏｎｅ；ｃｏｌｏｒ：ｒｅｄｊ
ａ：ａｃｔｉｖｅ（ｔｅｘｔ—ｄｅｃｏｒａｔｉｏｎ：ｎｏｎｅ；ｃｏｌｏｒ：ｂｌａｃｋ）
ａ：ｖｉｓｉｔｅｄ（ｔｅｘｔ—ｄｅｃｏｒａｔｉｏｎ：ｎｏｎｅ；ｃｏｌｏｒ：ｙｅｌｌｏｗ）
＜／ｓｔｖｌｅ＞
４．２超链接陷下效果
当把鼠标移到文字上时，文字会有一个下陷的动态效果。
＜ｓｔｙｌｅ＞
Ａ：ｌｉｎｋ，Ａ：ｖｉｓｉｔｅｄ，Ａ：ａｃｔｉｖｅ｛ｔｅｘｔ—ｄｅｃｏｒａｔｉｏｎ：ｎｏｎｅ｝
１００８ｑ眵电脑知识与技术
Ａ：ｈｏｖｅｒ｛ｔｅｘｔ—ｄｅｃｏｒａｔｉｏｎ：ｎｏｎｅ；ｐｏｓｉｔｉｏｎ：ｒｅｌａｔｉｖｅ；ｔｏｐ：１ｐｘ；ｌｅｆｔ：１ｐｘ）
＜／ｓ【ｖｌｅ＞
４，３水平线变虚线效果
实现将一条实线变成一条虚线的特殊效果。
＜ｈｒｓｉｚｅ＝”ｌ”ｎｏｓｈａｄｅ＝”ｎｏｓｈａｄｅ”ｓｔｖｌｅ＝”ｂｏｒｄｅｒ：１Ｄｘ＃ｃｃｃｃｃｃｄｏｔｔｅｄ”／＞
４．４创造多彩文字效果
将二个内容相同而色彩不同的文字重合在一起，通过分别给其添加ｃｌｉｐ属性，使上面和下面的文字被剪切位置不同，从而产生二种不同的色彩。
ｃｌｉｐ：ａｕｔｏｒｅｃｔ（ｎｕｍｂｅｒｎｕｍｂｅｒｎｕｍｂｅｒｎｕｍｂｅｒ）
参数：
ａｕｔｏ：对象无剪切
ｒｅｃｔｆｎｕｍｂｅｒｎｕｍｂｅｒｎｕｍｂｅｒｎｕｍｂｅｒｌ：
依据上一右一下一左的顺序提供自对象左上角为ｆ０，０）坐标计算的四个偏移数值，其中任一数值都可用ａｕｔｏ替换，即此边不剪切。
．ｔｅｘｔＢｏｔｔｏｍｆ
ｃｏｌｏｒ：＃３３３３３３：
ｐｏｓｉｔｉｏｎ：ａｂｓｏｌｕｔｅ；
ｌｅｆｔ：３ｅｍ：
ｔｏｐ：１ｅｍ；
ｆｏｎｔ：２６ｐｘＣｅｎｔｕｒｙＧｏｔｈｉｃ，Ａｒｉａｌ，Ｈｅｌｖｅｔｉｃａ，ｓａｎｓ—ｓｅｒｉｆ；
ｃｌｉｐ：ｒｅｃｔ（１８”ａｕｔｏａｕｔｏａｕｔｏ）；
】
．ｔｅｘｔＴｏｐ｛
ｃｏｌｏｒ：＃ＣＣ００００：
ｐｏｓｉｔｉｏｎ：ａｂｓｏｌｕｔｅ；
ｌｅｆｔ：３ｅｍ：
ｔｏｐ：１ｅｍ；
ｆｏｎｔ：２６ｐｘＣｅｎｔｕｒｙＧｏｔｈｉｃ，Ａｒｉａｌ，Ｈｅｌｖｅｔｉｃａ，ｓａｎｓ—ｓｅｒｉｆ：
ｃｌｉｐ：ｒｅｃｔ（０ａｕｔｏ１８ｐＸ０）；
｝
４．５使用Ｊａｖａｓｃ“Ｄｔ实现动态页面效果
在这个例子中我们使用ｉｓ来创建动态效果，同样还使用了ＣＳＳ中的滤镜，使用滤镜技术能把可视化的滤镜和转换效果添加到一个标准的ＨＴＭＬ元素上．定义滤镜样式的语法是：
ｆｉｌｔｅｒ：６ｌｔｅｍａｍｅ（ｐａｒａｍｅｔｅｒｓ）
在网页中插入一个图片，自定义一个“．ｏｕｔ”样式，用Ａ１ｐｈａ滤镜使图片变成线性半透明效果。再定义一个样式“．ｏｖｅｒ”，这个样式中内容为空，样式表代码如下：
＜ｓｔｙｌｅｔｙｐｅ＝”ｔｅｘ“ｃｓｓ”＞
＜！一一
．ｏｖｅｒ（）
．ｏｕｔ｛ｆｉｌｔｅｒ：ａｌｐｈａ（ｏｐａｃｉｔｙ＝５０，ｓｔｙｌｅ＝１）；｝
＜／ｓｔｙｌｅ＞
然后在图片标记（１ＭＧ）里加上：
ｏｎＭｏｕｓｅｏｖｅｒ＝ｔｈｉｓ．ｃｌａｓｓＮａｍｅ＝７．ｏｎＭｏｕｓｅｏｕｔ＝ｔｈｉｓ．ｃｌａｓｓＮａｍｅ＝７ｏｕｔ７，意思为当鼠标经过时．图片为ｏｖｅｒ样式．即彩色正常图像；当鼠标离开时，图片为ｏｕｔ样式，即透明效果。
如此，这个效果就完成了，保存后在浏览器里打开，图像是透明的，当鼠标移上去时，图像变成彩色，鼠标离开时，图像又变回透明效果。
”
５结束语
在本文中，对ＣＳＳ技术进行了详细阐述。通过对层叠样式表的基础语法，基本技术，典型应用的进一步探析，我们更清晰的了解了层叠样式表的优越性所在：易于精确的控制网页布局，使整
万方数据本栏目责任编辑：冯蕾······网络通讯与安全·
体页面赏心悦目；提高了代码的重用率，使网页代码更加简洁，同时也提高了网页传输速率；便于对网页的更新、维护和创新。
参考文献：
『１１ＥｒｉｃＡ．Ｍｅｙｅｒ．ＣａｓｃａｄｉｎｇＳｔｖｌｅＳｈｅｅｔｓ：ＴｈｅＤｅ６ｎ“ｉｖｅＧｕｉｄｅ『Ｍ１．中国电力出版社，２００１．
［２］ＤａｎＣｅｄｅｒｈｏｌｍ．无懈可击的ｗｅｂ设计——利用ＸＨＴＭＬ和ＣＳＳ提高网站的灵活性与适应性『Ｍ１．清华大学出版社，２００６．
【３】ＥｌｉｚａｂｅｔｈＣａｓｔｍ．ＨＴＭＬＸＨＴＭＬＣＳＳ基础教程（第６版）［Ｍ］．人民邮电出版社．２００７．
【４］王天利．ＣＳＳ动态网页样式表应用开发手册ｆＭｌ．清华大学出版社．２００１．
［５］胡海，徐华勇．ＣＳＳ完全实例教程［Ｍ］．电子工业出版社，２００１．［６］张建华，郭玲．巧用ＣＳＳ制作网页特效【Ｊ］．电脑知识与技术，２００４，（２６）：６９—７０．
ｆ上接第９８３页）
网络受到ＤｏＳ攻击也是引起上网速度变慢的一个主要原因，这是流量带宽被大量占用造成上网速度显著变慢甚至造成整网中断。对此问题最好通过网管系统对各端口流量进行实时监控。
接入层（ＤＳＬＡＭ、ＬＡＮ设备）
考虑到宽带应用与窄带的不同，宽带应用以ＩＰ应用为主，不面向连接，所以主要考虑的因素是流量和带宽的占用，但是由于ＸＤＳＬ接人在链路层采用面向连接的ＡＴＭ技术．所以连接数量也是考虑的因素：
与普通局域网不同的是宽带应用给用户了带宽和时长．这些都是计算设备负载能力和确定流量模型要考虑的基本因素。
设备和网络负载能力：
连接数量：
此处以华为ＭＡ５１００ＤＳＬＡＭ．设备为例，每个ＭＡ５１００支持３２ＫＰＶＣ．用户侧每个端口的ＰＶＣｌ６条ｆ一般每个用户只用一条ＰＶＣ），网络侧每个光口支持ＶＰｌ６条，０到２５５任选；ＶＣ从３２到１０２４。
每个ＭＡ５１００支持四框本地或远端的级连．如果全部采用ＡＤＬＤ板，支持的最大用户数是２１７６个。可见这是设备本身的极限容量。
上行采用一个ＡＴＭｌ５５Ｍ口，如果在线４０％．每个用户可以分配的带宽约为１５５Ｍ，２１７８×４０％＝１７８Ｋ（不考虑ＡＴＭ承载的效率），基本可以满足上网需求，所以出口不是瓶颈。
接入业务和流量带宽模型
上面的计算是设备不考虑收敛比的设备极限能力．下面综合分析一下各种接入业务的流量类型：
（ａ）个人用户，通常采用ＰＰＰ拨号接入
一般开通流量７６８Ｋ、１．５Ｍ、２Ｍ等。一般用户上网浏览时平均带宽１００Ｋ即够，即使考虑下载和游戏等应用，按照１５０Ｋ应足够。目前，一般计费采用包月制，同时上线用户平常高峰期（晚上）约４０％，极限情况７０％。所以这些用户的总的带宽可以按下面公式计算：（１）同时上线用户比例：＝４０％
ｆ２１平均带宽：＝１５０Ｋ
（３）总带宽＝（用户数×同时上线用户比例×平均带宽）
（ｂ１ＶＯＤ应用的用户
通常开通带宽高的用户只是下载文件时突发流量较大．但用户不会总在下载，单次下载的时间不会太长，所以一般不考虑下载等应用，但ＶＯＤ点播占用流量比较大．而且时间长，对网络负载有影响。主要从以下几个方面考虑：
ＶＯＤ是流媒体应用的一种．目前主要有基于ＲＥＡＬＰＬＡＹ和ＷＩＮＤＯＷＳＭＥＤＩＡ等文件开发方法．不同的媒体数据流速率不同，适用不同范围，如在广域网上的ＲＥＡＬＰＬＡＹ流．可能只要４００一４８０Ｋ就可以，但不很清晰，而且易掉线，可以做为上网应用的一种．暂不考虑。
在城域网内部（运营商开通的）的ＶＯＤ服务器上实现的流媒体服务一般只要有１．５Ｍ左右．图像就可以比较流畅．能满足用户，这种应用比较普遍，主要制约在于服务器支持的媒体流的个数（成本很高），一般为１００个以内。
占用带宽可以这样计算：
服务器支持的媒体流个数×１．５Ｍ
例如５０个流，占用７５Ｍ带宽，但这个流量不会上到骨干网上，一般在汇聚层可以旁路掉。
综合上面的因素．接入侧５１００应不会是瓶颈．用户占用带宽计算方式如下：
峰值总带宽＝（个人用户数×同时上线用户比例０．４×平均带宽０．１５Ｍ）＋专线网吧用户数×网吧平均带宽＋服务器支持的媒体流个数×１．５Ｍ。
２．４．２案例：不能点拨ＶＯＤ的问题处理方法
当用户反馈不能点播ＶＯＤ的时候．建议用户在距离最近的网站下载一个大文件（２０Ｍ以上），观察可以达到的最快下载速度。如果此时用户下载速度很快，可以达到１５０ＫＢｖｔｅ／ｓ（２Ｍｂｐｓ）左右。则基本定位是ＶＯＤ服务器的问题。
２．５网络攻击问题
旨在给出针对网络出现的异常情况进行分析判断和处理的过程。
检测网络攻击的重要手段便是ＬＡＮＳＷＩＴＣＨ端口镜像的应用
利用镜像端口可以将被镜像端口上全部的数据流镜像到监控端口上．这样在对于一个端口的业务无法中断时想查看此端口上的报文是十分有用的。举个简单的例子来说，Ａ端口如果正在使用，而且无法把Ａ端口的业务中断，我们又想查看Ａ端口上的报文，我们可以使用镜像端口，把Ａ镜像到Ｂ（Ａ称为被镜像端口，Ｂ称为镜像端口或监控端口），这样所有发给Ａ的报文都会复制一分到Ｂ端口下面针对Ｓ３０２６／Ｓ２０１６／Ｓ２００８镜像端口的应用作一简要的说明。
对于Ｓ３０２６／Ｓ２０１６／Ｓ２００８的端口镜像功能配置可以通过以下命令实现：
Ｓ３０２６（ｃｏｎｆｉｇ）＃ｍｏｎｉｔｏｒｐｏｒｔｓ一１ｉｓｔｏｂｓｅｎ五ｎｇ—ｐｏｒｔｐｏｒＬｎｕｍ
命令中的ｍｏｎｉｔｏｒ后面的ｐｏｎｓ＿ｌｉｓｔ是被镜像的端口，ｏｂｓｅｒｖｉｎｇ—ｐｏｒｔ后面的ｐｏｒｔ—ｎｕｍ是监控端口。
注意：监控端口不能是ＶＬＡＮＴｍｎｋ端口，也不能参加端口聚合。
通过端口镜像的设置，我们在目的端口上连上一台设备，就可以监控经过源端口的所有数据报文。
３结束语
宽带网络随着信息产业的强健发展．必将出现越来越多的形式和应用，因此总结用户端到端故障处理办法，找出一整套完善的网络优化方案是当前网络维护人员的必修课程。
参考文献：
【１］华为有限责任公司．ＳｍａｎＡｘＭＡ５１００多业务接入设备故障手册．
［２］前导工作室译．ＴＣＰ，ＩＰ技术大全，机械工业出版社，２０００—７—１．
［３］ｚｅｒｏｒ整理制作．ＡＤＳＬ三部曲．
［４］ｓｎｉｆｆｅｒ中文使用教程电子版．
１００９
万方数据
CSS技术在网页设计中的应用探析
作者：张志洁， 李书明， 赵玲， ZHANG Zhi-Jie， LI Shu-ming， ZHAO Ling
作者单位：华中师范大学,教育信息技术工程研究中心,湖北,武汉,430079
刊名：
电脑知识与技术（学术交流）
英文刊名：COMPUTER KNOWLEDGE AND TECHNOLOGY
年，卷(期)：2007，2(10)
引用次数：1次
1.Eric A Meyer Cascading Style Sheets:The Definitive Guide 2001
2.Dan Cederholm无懈可击的Web设计--利用XHTML和CSS提高网站的灵活性与适应性 2006
3.Elizabeth Castro HTML XHTML CSS基础教程 2007
4.王天利CSS动态网页样式表应用开发手册 2001
5.胡海.徐华勇CSS完全实例教程 2001
6.张建华.郭玲巧用CSS制作网页特效[期刊论文]-电脑知识与技术(认证考试) 2004(9)
1.期刊论文裴丽艳.于学堃.PEI Li-yan.YU Xue-kun在网页中用CSS技术实现纵向标签页-电脑知识与技术2009,5(2)
在Html网页中,标签页的应用非常流行.不过大部分都是横向的标签页.该文主要介绍在Html网页中使用CSS技术实现纵向的标签页的方法.
2.期刊论文玲.WANG Dan-ling CSS层叠样式表在DHTML中的应用-鞍山师范学院学报2006,8(2)
CSS技术应用在DHTML(动态HTML)中,可有机地改善HTML程序体的结构,减少源代码中的重复标注,简化HrML中的各种繁琐标记,增强编程的灵活性,使程序源码的可读性更强,执行效率更高.
3.期刊论文张瑞娟.ZHANG Rui-juan浅谈网页制作中css样式的应用-电脑知识与技术2009,5(18)
随着网站内容的不断丰富和网络技术的不断发展,网页的美化更被设计人员所重视.传统的网页制作工具都已经显得力不从心了.CSS(层叠样式表)应运而生,通过CSS样式与HTML的结合、CSS+DIV技术、CSS滤镜的方法、CSS在浏览器中的兼容性等问题的考虑.来加强网页的美化效果.
4.期刊论文吴海兵.Wu Haibing CSS在图片中的应用-中国科技信息2009(4)
简述了CSS的概念,特点,优势,总结在HTML网页中应用CSS的方法,详细阐述了CSS在网页制作过程中对图片的应用,并结合一些在HTML中常用实例来介绍CSS在图片中的应用.
5.期刊论文刘宏用CSS实现图片特效滤镜-辽宁师范大学学报(自然科学版)2002,25(4)
简述了CSS的概念、特点,总结了在HTML网页中应用CSS的方法.详细阐述了采用CSS中Alpha滤镜实现图片雾化和Wave滤镜实现图片波动的特殊效果,并给出在HTML中引用这两种滤镜的实例.
6.期刊论文宋钢CSS在网页设计中的运用探讨-总裁2009(10)
通过研究CSS层叠样式表的主要思想,结合具体实例介绍如何在网页设计中使用样式表的方法,使读者准确掌握CSS技术,并可进行实践运用.
7.期刊论文孙晓辉.刘建.王劲林.陈晓.SUN Xaohui.LIU Jian.WANG Jinlin.CHEN Xiao基于CSS的网页分割算法-微计算机应用2008,29(9)
在页面变换,信息抽取,信息过滤等应用中,首先需要将原始页面分割成为若干合适的信息块以便于后续的处理.本文提出了一种基于CSS的网页分割算法,通过对网页进行解析和布局处理,提取出其中的CSS信息,并且使用重复模式检测和聚类的方法对生成的CSS树进行分割.试验证明该方法能够有效地分割网页,并且不依赖于特定的浏览器,适合嵌入式系统使用.
8.期刊论文唐云.TANG Yu一种嵌入式浏览器中的HTML解析器的设计-湖南科技学院学报2008,29(8)
本文主要介绍了一种HTML解析器的设计,以及其在数字电视机顶盒中的实现;另外还简述了CSS层叠样式表技术在嵌入式浏览器中的实现.
9.期刊论文袁自海.YUAN Zi-hai CSS在网页设计中的应用-电脑知识与技术2008,1(8)
无论是门户网站还是如今流行的B/S结构的企业MIS,都是靠网页来展现它的内容、与用户进行交流.网页可以简单地描述为"内容+表现
10.期刊论文纪睿基于CSS的Web导航栏研究与实现-福建电脑2009,25(7)
导航栏是web浏览过程中必不可少的一个链接提供区域,其主要功能是把的页面有机的链接在一起,从而完成了从零散网页到网站的衔接工作.单纯利用HTML中的超级链接实现的导航栏在功能上可以胜任,但是其外观已经远远不能满足目前的web外观设计需求,本文旨在利用CSS实现简洁美观的Web导航栏.
1.吴晓燕浅析CSS样式在网页设计中的应用[期刊论文]-四川文理学院学报 2009(2)本文链接：http://d.g.wanfangdata.com.cn/Periodical_dnzsyjs-itrzyksb200710069.aspx
下载时间：2010年2月5日下载本文
