17.1.1  CSS概述

17.1.1 CSS概述

在网页需要将指定内容按照指定样式显示时,可以利用CSS实现。在网页中有如下两种使用CSS的方式。

■页内直接设置CSS:即在当前使用页面直接指定样式。

■第三方页面设置:即在别的网页中单独设置CSS,然后通过文件调用这个CSS来实现指定显示效果。

CSS样式设置的具体运行流程如图17-1所示。

978-7-111-53392-4-Part05-1.jpg

图17-1 CSS样式设置运行流程

下面将通过一个具体的CSS应用实例,来看CSS在网页中的表现效果。

978-7-111-53392-4-Part05-2.jpg

实例文件1.html的主要代码如下。

978-7-111-53392-4-Part05-3.jpg

执行后的效果如图17-2所示,如果取消样式,则效果如图17-3所示。

978-7-111-53392-4-Part05-4.jpg

图17-2 显示效果

978-7-111-53392-4-Part05-5.jpg

图17-3 取消样式后效果

从上述不同的显示效果中可以看出CSS的样式的作用十分明显,它可以帮助用户更好地编辑网页。