qiyekejiyufazhan
【摘要】互联网时代，网页已经成为公司、个人展示自我的最好途径和手段，网站、网页
制作是目前最常用的展示个人能力的手段和方法，文章通过介绍CSS （层叠式样式表）网页制作流程，并与传统的frontpage 网页制作进行对比，总结更好的网页制作技巧。【关键词】CSS 样式表；网页设计；表格【中图分类号】TP393.092【文献标识码】A 【文章编号】1674-0688（2019）04-0211-02
0引言
样式表CSS 的英文名为Cascading Style Sheets ，又翻译为层叠式样式表，在很多网页制作的课程中都提及如何使用CSS 样式表实现网页制作的特定效果的技巧，通过CSS 的定义，可以定义整体网页的显示定位、字体的格式大小、元素定位、超级链接的样式，还便于导航栏的制作，能实现图片、文字环绕等一些特定的网页展示效果，既能减少代码量，又可以增强设计效果，而且页面也更灵活多变。
1CSS 相较传统Table 制作的优点
excel序号快速排序的方法通常，CSS 可以嵌入html 页面中，但是通常的做法是生成一个.css 的脚本文件，然后通过html 调用该.css 文件，如<link href="*.css"type="text/css"rel ＝"stylesheet">。
CSS 一般会配合DIV 一起使用，在结构上的优势主要体现在以下几个方面。
（1）设计手段灵活，可将表现与设计分离，网站建设形式更为灵活。我们在建设网站的时候，可以将页面进行单独的CSS 设计，各功能也只需要进行文字的显示即可。
（2）布局更规范、代码更清晰易懂，有利于网站管理员的维护与操作。当网站的整体基调需要变换颜时，可以直接在css 文件里调整布局的颜；同样，当某几个栏目位置需要变动时，也仅需要在页面将对应的div 的位置重新定位；调整某些栏目时，只需修改若干样式文件。这种区域化、“块”理念的设计大大减轻了网站维护人员的工作量，为以后网页的设计、改版打下了良好的基础。
（3）具备更好的控制结构排版能力。我们通过框架结构定位需要显示的元素的位置，可以有效修正原html 表格中一些实现起来比较困难的地方，比如整体页面的定位、表格内容的显示等，在传统html 中经常会出现错位的情况，因此对行间距的设
置、行数的设置都需要非常精确，否则设计的页面表格就会出现错位偏差。
（4）更易于维护及改版工作。上述特点决定了使用样式表格在维护和改版时，修改的工作量可以集中
c语言二维数组查字符
到某一点，避免重复的设计和布局，大大减轻代码设计人员的工作量。
2利用CSS 制作特效
2.1滤镜效果
简单来说，滤镜就是类似于我们Photoshop 里面的图文特效，CSS 的滤镜属性的标识符是Filter ，我们通过对Filter 各属性的配置数值的不同［如brightness （）设置亮度，blur （）设置模糊度，contrast （）设置对比度，drop-shadow （）设置阴影效果］，将多个属性值配合，就可以实现很多我们意想不到的效果。
在遇到特殊的纪念日时，如南京大屠杀纪念日或某些特别的日子，我们需要将网页页面设置成灰，这时可以使用CSS ，通过其中的Gray 滤镜就可以轻松实现这一效果（如图1所示）；结合Javascript 和滤镜技术我们还可以制作许多动态的效果，如自定义鼠标移动到特定区域位置或离开时显示不同效果图或背景颜。
CSS 样式表在网页制作的优点与特效实现
沙
茉
学生个人网页制作html代码css（南京市第二十九中学，江苏南京210036）
【作者简介】沙茉，南京市第二十九中学高二（14）班学
生。
图1CSS 里gray 滤镜特效
211
qiyekejiyufazhan
数据加密技术及认证技术等。计算机内部安装的检测软件能够对入侵黑客进行识别和检测，同时封锁黑客的入侵通道。针对财务数据信息中涉及的用户名、调制解调器、电脑号码等，必须设置保密级，严防随意扩散。各岗位人员应进一步加强对网络设备的管理，定期删除一些来历不明、身份不明的用户，保障会计信息系统的绝对安全。
3结语
在“互联网+”环境下，会计信息系统面临的安全风险因素将越来越多，面对这种形势，会计从业人员应制定科学合理
的防范措施，在借助于互联网平台优势的同时，使会计信息系web安全深度剖析下载
统在安全、稳定的环境下实现高效地运行。
参考文献
［1］李金花“互联网+”环境下会计信息系统风险及控制
［J ］中国管理信息化，2016（19）：41-42
［2］孙秀敏“互联网+”时代会计信息系统风险及控制探讨
［J ］财讯，2018（29）：25［3］钟桦
网络环境下会计信息系统内部控制的探究［J ］
简单的matlab程序经贸实践，2017（10）：125
［责任编辑：高海明］
2.2文字特效
针对显示信息的网站，其对文字经常会有一些特效要求，如阴影、3D 特效、霓虹灯、凸出浮雕效果等。而在在html 中没有太多可展示文字特的手段，只有字体、大小、下划线几种表现手段，但是如果使用CSS 样式应就不同了，其属性text-shadow 有两个作用，产生阴影和模糊主体，不同的属性取值可以表达出多种文字效果，即使不使用图片，也可以给文字增加质感。
2.3动态下拉菜单效果
在网站的首页导航栏，经常需要
通过下拉菜单的方式实现二级页链接打开，具体表现为当鼠标放在导航菜单上时，出现下拉菜单选项，这时可点击链接进入二级页，当鼠标移走时，下拉菜单消失（如图2、图3所示）。
一些网页制作论坛上经常有介绍一些特效的实现方法，但是通过CSS 最容易实现一些特定的特效。CSS 可以通过设置二级列表标签ul 的display 属性实现特定特效，初始状态的display 属性设为none 代表初始不显示，通过修改二级菜单对应的一级菜单项的hover 状态的display 属性值，配合ul ，li 标签的属性设置就可以很快地实现下拉菜单，比传统的JavaScript 及jQuery 实现起来更快捷、简单。
多个属性的结合使用在CSS 设计时，效果特别显著，一些网页制作论坛还介绍了很多有趣的特效，我们可以根据实际的需求选择应用。
3结语
总之，CSS+DIV 的网页设计和使用，在很大程度上解决
了传统html 表格设计网站页面的某些缺陷，诸如响应速度较慢、页面定位难、网页布局迁移难、规范度较低、代码灵活性差等；同时，CSS 使用“块”设计的理念和思路使网站结构更具框架性、版面更清晰、网站功能更完善、页面表现形式更富。区域化设计、代码缩减、样式文件定义等手段使网页设计更规范，同时大大减轻了网站管理员的工作量，方便网站改版及维护、操作。
参考文献
［1］钱勇萍，王光杰
CSS+DIV 布局方法在网页制作中的应
用［J ］现代制造技术与装备，2014（3）［2］高娟，阎知知，黄龙网页制作中下拉菜单的制作方法
解析［J ］数码世界，2017（10）
［3］张英
DIV+CSS 网站设计的研究和探讨［J ］电子技术
与软件工程，2013（24）
［责任编辑
：
高海明］
图2
php输入函数
导航栏（无菜单显
示）
图3
鼠标点击显示导航下拉菜单且当前菜单变
（上接第210页）
212

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。