CSS 样式在网页美化中的作用
谢辉,廖建锋
(河南经贸职业学院,河南郑州450053)
摘要:介绍了利用CSS 样式表提高网页维护的更新效率的方法。通过设置CS S 样式来实现网页滤镜特效,从而改善
网页的外观,达到美化网页的作用。最后,用实例说明了CS S 样式在美化网页中的应用及其所达到的效果。
关键词:网页制作;CSS 样式;滤镜
中图分类号:G434文献标识码:A
Applying CSS Style in Beautifying Web pages
XIE Hui ,LIAO Jian-feng
(Henan Eco no my and Trade Vocatio nal Co lleges ,Henan Zhengzho u 450053)
Key wor ds:w eb page making;css style ;f ilter
作者简介:谢辉(1969-),女,河南省固始县人,硕士研究生,助教,主要研究方向系统分析;
廖建锋(),男,河南省登封市人,硕士研究生,助教,主要研究方向软件技术。1引言精美的网页离不开CSS 技术。采用CSS 技术,可以对页面的布局、字体、颜、背景等实现更加精确的控制。使用CSS 样式,
可以制作出更加复杂和精巧的网页,网页维护和更新起来也更加容易和方便。同时,通过设置CSS 样式可以控制网页的布局和网页特效,改善网页外观,达到美化网页的效果。2CSS 的基本概念CSS 是Cascading Style Sheet 的缩写,通常称为“层叠样式表”或“级联样式表”。顾名思义,是用来进行页面风格设计的,是一系列格式设置规则。CSS 样式可以看作是对HTML 语言功能的一种扩展,它主要控制Web 页面内容的外观,在网页制作过程中起着非常重要的作用,能够有效提高制作效率。3CSS 样式表的种类根据应用范围和应用对象可将CSS 样式,表分为3大类:(1)户自定义样式表X
(2)HTML 重定义的样式表X
(3)链接相关样式。
4CSS 样式表的应用
4.1使用“CSS 样式”面板创建样式
单击“CSS 样式”面板中的新建CSS 规则按钮,弹出“新建CSS 规则”对话框。
“选择器类型”选项组共有如下3个单选按钮。
“类(可应用于任何标签)”。自定义一个样式,可以作为class 属性应用于页面中。只要在任一页面元素上设置class 属性,即可使之套用该样式。在名称的下拉列表框中输入一个名称即可。
“标签(重新定义特定标签的外观)”。每一个标签都代表一种页面元素。例如:body :代表网页的主体;p:代表一个段落;
table :代表一个表格。当选中一个标签并为其设置样式后,页面中
所有同类型的页面元素都将自动套用该样式。在标签的下拉列
表框中选中一个标签名称即可。
“高级(ID 、伪类选择器等)”。定义特定标签组合,或者包含有指定ID 属性的所有标签的格式,如定义
超级链接文字效
果。在选择器的下拉列表框中选中链接文字的样式。多媒体技术
谢辉等:CSS 样式在网页美化中的作用
html网页设计css59:1982-:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论