网页制作实用教程 教学课件 作者 张淑清 第5章 网页内容的修饰－CSS样式.pptVIP

第5章 网页内容的修饰－CSS样式 教学内容：CSS样式的类型、创建CSS样式、编辑CSS样式、设置CSS样式的基本属性、链接和导出CSS样式表、CSS在网页中的应用。 教学重点和难点：掌握在网页中添加、应用CSS样式的方法。 5.1 初识CSS CSS样式就像word中的格式刷,可以对众多网页中的文本及文本区外观进行统一控制。 5.1.1 样式表的概念 样式表是为了弥补HTML语言而开发，调整字间距、行间距、取消链接的下划线、固定背景图像等样式表可以实现原来的HTML标记无法实现的效果。 1．样式表的优点 （1）内容结构和格式控制相分离 （2）精确控制网页外观 （3）制作体积下，下载页面快 （4）快速规格网页样式 （5）兼容不同浏览器 2．样式表标记 定义样式表的部分用style /style标记来表示。 样式表的内容应该位于head/head标记之间。 在Dreamweaver中为指定字体、字号、文字颜色来定义样式表的时候，在代码视图中出现的HTML代码会出现字体{font-family}或者{font-size}等属性，并且以冒号为间隔设置属性值。属性和属性由分号来区分。 应用样式表的文字包括在span/span标记之间。 有!--和--注释标记来套用样式表是因为样式表在Explorer 和Netscape 4.0以上的浏览