文档介绍:案例说明使用CSS样式表可以为网页中的HTML标签定义样式,也可以定义应用于任何元素的样式,还可以为链接文本定义样式,从而达到美化页面的效果。本案例中,首先在“相关知识”中简单了解CSS样式表、在页面中引入CSS样式表的方法、选择器的类型,及常见样式的设置,然后在“案例实施”中为企业网站新闻显示网页设置整体样式,从而达到学以致用的效果。案例一为企业网站新闻显示网页设置整体样式——设置CSS样式(上)可以灵活控制网页中文本的字体、颜色、大小、间距、风格及位置。。(CascadingStyleSheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制Web页面的外观。使用CSS样式设置页面格式,可将页面内容与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则则存放在另一个独立的样式表文件中或HTML文档的某一部分(通常为文件头部分)。一、CSS样式表简介CSS样式表的功能一般可以归纳为以下几点。可以方便地为网页中的元素设置不同的背景颜色、背景图像及平铺方式。可以控制网页中各元素的位置,使元素在网页中浮动。可以为网页中的元素设置各种滤镜,从而产生诸如阴影、辉光、模糊和透明等只有在一些图像处理软件中才能实现的效果。可以与脚本语言相结合,使网页中的元素产生各种动态效果。二、在页面中引入CSS样式表的几种方法将CSS样式表放置在HTML文件头部:内部样式表。将CSS样式表放置在HTML文件主体:行内样式表。将CSS样式表放置在HTML文件外部:链接样式表与导入样式表。内部样式表也称嵌入式样式表,是指把对页面各元素的样式设置集中写在<head></head>标签对中,并用<style></style>标签对进行声明。“窗口”>“CSS设计器”菜单,打开“CSS设计器”面板,单击“源”窗格左侧的“添加CSS源”按钮,在其下拉列表中选择“在页面中定义”,如右图所示。,新建html文档,在其中随意输入一段文字,此处输入一首古诗“望天门山”,如左图所示。步骤01在“CSS设计器”的“源”窗格中选择<style>,然后单击“选择器”窗格右侧的“添加选择器”按钮,在出现的文本框中输入p,然后在弹出的标签列表中选择“p”,并按【Enter】键确认添加,如右图所示。步骤04此时在代码视图中自动添加代码<styletype=“text/css”></style>,如左图所示。步骤03在“CSS设计器”的“源”窗格中选择<style>,在“选择器”窗格中选择刚刚添加的“p”,在“属性”窗格中取消选择“显示集”复选项,然后单击“文本”按钮,显示“文本”类别,如右图所示。步骤06此时在代码视图中可以看到在<styletype=“text/css”></style>标签对之间添加了“p{}”代码,如左图所示。步骤05此时在代码视图中可以看到在“p{}”代码之间添加了颜色属性“color:#990000;”,并且文本颜色也自动变为所设置的颜色,如右图所示。步骤08单击“文本”类别中的“设置颜色”按钮,在弹出的调色板中选择要设置的文本颜色,或者直接在下方的文本框中输入颜色值,如左图所示。步骤07按【Ctrl+S】组合键保存文档为“”。步骤10继续设置文本大小。在“CSS设计器”“属性”窗格中单击“font-size”右侧的“设置字体大小”按钮,在其下拉列表中选择“px”,然后输入“25”,设置字体大小为“25px”,如下图所示。步骤09