CSS2 参考_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

CSS2 参考

作者：闵涛文章来源：闵涛的学习笔记点击数：720 更新时间：2009/4/23 13:47:00

　　 一、什么是CSS？
CSS是Cascading Style Sheet的缩写，有些书上把它译为“层叠样式单”或“级联样式单”（下文简称“样式单”），在1997年W3C颁布HTML4标准的同时也公布了有关样式单的第一个标准CSS1。样式单是对以前的HTML（3.2以前的HTML版本）语法的一次重大革新，以前的HTML版本中，各种功能的实现是通过标记元素实现的，这也造成了各个浏览器厂商为了标新立意创建各种只有自家支持的标记，各种标记互相嵌套，就可以达到不同的效果，比如要在一段文字中把一部分文字变成红色，HTML3.2中应该是这样的：<p><font color=red>这里显示红色字</font></p>。而在样式单中，把某些标记（如上例中的“font”标记）属性化，利用样式单，上例可以变成：<p style="color:red">这里显示红色字</p>
这就是样式单的全部功能吗？远远不是！前面说过样式单是DHTML的一部分，建立样式单的真正意义在于把对象真正引入了HTML，使得可以使用脚本程序（如Javascript、VBScript）调用对象属性，并且可以改变对象属性，达到动态的目的，这在以前的HTML中是无法实现的，如果你使用过如VB等面向对象的编程工具，你会更快的发现，用样式单做DHTML是多么容易。样式单的另一项贡献是简化了HTML中各种繁琐的标记，使得各个标记的属性更具有一般性和通用性，并且样式单扩展了原先的标记功能，能够实现更多的效果，样式单甚至超越了Web页面的本身显示功能，而把样式扩展到多种媒体上，显示了难以抗拒的魅力。
样式单自从CSS1的版本之后，又在1998年5月发布了CSS2版本，样式单得到了更多的充实。Internet Explorer4和Netscape Navigator4都宣传支持样式单，但从各方面来看IE4的效果都要超过NE4，这是因为IE4和NE4的Javascript文档模型（DOM）不同而造成的，从表面看，二者的模型区别不大，但实质上却是大相径庭，IE4的模型能够更加容易的把动态效果引入Web页面，虽然现在IE4的模型只有微软自己支持，但它却已被清楚的写入了W3C的DHTML标准；而NE4的样式单并不能通过脚本调用对象的属性，说的不好听一点，它的样式单只是徒有其表罢了。（Netscape公司自己开发了一种样式单称作JSSS，它利用Javascript来定义样式，但是并没有得到W3C的承认。）

二、进一步了解样式单
Cascading Style Sheet中的Cascading是“层叠”的意思，也就是说在同一个Web文档中可以有多个样式单存在，这些样式单根据所在的位置，拥有不同的优先级，优先级越高，就会被最后在显示时采用。从样式单插入的形式来看可以分为三种：
内联式样式单：它利于现有的HTML标记，把特殊的样式加入到那些由标记控制的信息中，比如刚才的例子。
嵌入式样式单：它和Javascript一样可以嵌入到HTML文件的头部中去（<html>和<body>标记之间），使用<Style>和</Style>容器装载，例如：“<style> p {color : red ; font-weight : bold} </style>”，这样会对页面中所有<p>标记都起作用。
外部式样式单是一种保存在外部的样式单文件，外部文件以.CSS为扩展名，例如：“<link rel=stylesheet href=”main-sheet.css” type=”text/css”>”。
在应用时可以根据需要随意运用以上三种方式，但在实际中内联式样式单和嵌入式样式单使用得更多一些。

[Web开发]asp.net C#查询SQL数据并分页的可参考代码  [平面设计]可参考的自定义flash右键菜单源代码
[操作系统]Windows2000/XP/2003操作系统常见问题集锦下篇  [操作系统]Windows2000/XP/2003操作系统常见问题集锦上篇
[操作系统]WinXP/2000操作系统自动关机的实现  [操作系统]过河不拆桥—切勿忘记OS/2第二代操作系统之下篇
[操作系统]过河不拆桥—切勿忘记OS/2第二代操作系统之上篇  [网络技术]ADSL宽带上网掉线的原因及可参考的解决办法
[电脑技术]可参考的扫描仪故障解决方案  [电脑技术]网页自动关闭的原因及可参考的解决办法下篇

教程录入：mintao 责任编辑：mintao

上一篇教程：让网页中的字体美起来

下一篇教程：巧用CSS动态控制文本的属性

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……