admin 管理员组文章数量: 1086019
2024年5月26日发(作者：佩戴玳瑁的功效与作用)
ＮＯ．７Ｖｏ１．１。２
内江职业技术学院学报
（２０１３）
ＮＥＵＩＡＮＧＺＨＩＹＥＪＩＳＨＵＸＵＥＹＵＡＮＸＵＥＢＡ０ ・ ６５ ・
ＤＩＶ＋ＣＳＳ网页设计概述
刘 科
（内江职业技术学院， 四川 内江６４１１００）
摘要：级联样式表（Ｃａｓｃａｄｉｎｇ Ｓｔｙｌｅ Ｓｈｅｅｔ）简称“ＣＳＳ”，通常又称为“风格样式表（Ｓｔｙｌｅ Ｓｈｅｅｔ）”，它是用来进
行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是
一
种风格。通过设立样式表，可以统一地控制ＨＴＭＬ中各标志的显示属性。级联样式表可以使人更能有效地控
制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。
关键词：ＤＩＶ、ＣＳＳ、排版
一
、
ＣＳＳ的功能
ｔｅｘｔ—ａｌｉｇｎ：ｃｅｎｔｅｒ；
ＣＳＳ是英语Ｃａｓｃａｄｉｎｇ Ｓｔｙｌｅ Ｓｈｅｅｔｓ（层叠样式
ｔｅｘｔ—ｄｅｃｏｒａｔｉｏｎ：ｕｎｄｅｒｌｉｎｅ；
表单）的缩写，它是一种用来表现ＨＴＭＬ或ＸＭＬ
）
等文件样式的计算机语言。
＜／ｓｔｙｌｅ＞
ＣＳＳ目前最新版本为ＣＳＳ３，是能够真正做到网
＜ｈ２＞Ｔｉｔｌｅｄ／ｈ２＞
页表现与内容分离的一种样式设计语言。相对于传
代码虽然长了不少，但是如果我想改变整个站
统ＨＴＭＬ的表现而言，ＣＳＳ能够对网页中的对象的 点的标题样式，只需要修改一下外部ＣＳＳ的一句话
位置排版进行像素级的精确控制，支持几乎所有的 就可完成，而传统的ＨＴＭＬ编码则需要修改整个站
字体字号样式，拥有对网页对象和模型样式编辑的
点下的所有相关文档。
能力，并能够进行初步交互设计，是目前基于文本展
２、ＣＳＳ类型
示最优秀的表现设计语言。ＣＳＳ能够根据不同使用
ＣＳＳ的类型有三种。
者的理解能力，简化或者优化写法，针对各类人群，
１、ＸＨＴＭＬ标记样式
有较强的易读性。
上面的例句便是，它实际上是对现有的ＨＴＭＬ
ＣＳＳ，它将传统的网页制作转换为将表现和样
标记的一种重新定义。当创建或改变这类样式时，
式分离开来，一使得代码更加简练，二使得网页的后
文档中所有应用改标记的文本格式都会被自动更
期维护更加简化，维护的页面越多，越能体现ＣＳＳ
新。
的简便快捷。
２、自定义ＣＳＳ样式
例如，一个新闻站点，想将所有新闻标题设置为
意即在网页中预定义一种样式，在某标签需要
粗体、黑字、２４像素、下划线。
应用它的时候再使用，在使用之前，它不会对标签的
由传统的ＨＴＭＬ语句完成代码如下：＜ｈ２＞＜
样式产生任何的影响。
ｂ＞＜ｕ＞＜ｆｏｎｔ ｓｉｚｅ一”２４”＞Ｔｉｔｌｅ＜／ｆｏｎｔ＞＜／ｕ＞
示例代码：
＜／ｂ＞＜／ｈ２＞
＜ｓｔｙｌｅ＞
为了完成这４个样式，我们分别用了４个不同
．
ｓｔｙｌｅｎｅｗ｛
的标签去完成所需的效果，但是如果使用ＣＳＳ来完
ｆｏｎｔ—ｓｉｚｅ：４８ｐｘ；
成，代码又是如何？
）
＜ｓｔｙｌｅ＞
＜／ｓｔｙｌｅ＞
ｈ２
＜ｐ ｃｌａｓｓ＝”ｓｔｙｌｅｎｅｗ”＞４８像素字体ｄ／ｐ＞
｛
３、ＣＳＳ选择器样式
ｆｏｎｔ—ｓｉｚｅ：２４ｐｘ；
它对某些特定的标记组合进行重新定义，也可
ｆｏｎｔ—ｗｅｉｇｈｔ：ｂｏｌｄｅｒ；
对那些包含了特定ｉｄ属性的标记进行重新定义。
作者简介：刘科（１９８６一），男，四川资中人，助教，研究方向：网站建设及服务器管理。
版权声明：本文标题：DIV+CSS网页设计概述 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1716719804a696191.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论