《第8课 定义CSS样式》精品课件.pptx

第八课定义CSS样式冀教版八上

CSS是CascadingStyleSheets的简称，也叫层叠样式表或级联样式表。CSS概念

CSS是一种制作网页的新技术。成为网页设计必不可少的工具之一，在当今的网页制作中，几乎所有漂亮的网页都用了CSS。新课导入：借助于CSS的强大功能，网页将在你丰富的想像力下千变万化。今天我们就来初步领略CSS打造精彩的页面效果。

导入站点：任务准备方法：“站点—管理站点—导入”

1.第一种方式对样式表操作的两种方式文本—CSS样式—新建

2.第二种方式对样式表操作的两种方式执行【窗口】→【CSS样式】命令，打开【CSS样式】面板新建CSS规则

【类】是生成一种新的样式。应用的时候，首先在页面中选中对象，然后在样式中选中此样式即可。新建CSS对话框

【标签】是将页面源文件中的html标记重定义。设置完毕后，不需要选中对象该CSS样式马上生效。新建CSS对话框

【高级】可从【选择器】后的下拉列表选框里有四个选项——a:active、a:hover、a:link和a:visited，分别代表超级链接的激活状态、鼠标移动到超级链接上的状态、超级链接的链接状态和超级链接访问过的状态。新建CSS对话框

【新建样式表文件】表示对CSS样式表的引用是外部文件方式。新建CSS对话框CSS样式表的引用方式【仅对该文档】则表示对CSS样式表的引用是内部文档头方式。

1.定义CSS样式的类型属性对文字的字体、大小、颜色、效果等基本样式进行设置。设置“CSS规则定义”对话框参数

2.定义CSS样式的背景属性对元素的背景进行设置，包括背景颜色、背景图像的控制。设置“CSS规则定义”对话框参数

3.定义CSS样式的区块属性设置对象文本的间距和对齐方式等。设置“CSS规则定义”对话框参数

4.定义CSS样式的方框属性设置对象在页面上的位置，大小，与边界的距离等。设置“CSS规则定义”对话框参数

1、文本——新建CSS样式。新建CSS规则对话框任务一CSS美化正文textcss

2、设置CSS规则定义对话框任务一CSS美化正文3、应用样式（选中文本——选择样式）

1、文本——新建CSS样式。新建CSS规则对话框任务二CSS美化标题

2、设置CSS规则定义对话框任务二CSS美化标题

其它文件应用CSS任务二CSS美化标题附加样式表

链接外部样式表任务二CSS美化标题

标签操作方法1、新建CSS规则2、设置CSS规则定义3、应用1、新建CSS规则2、设置CSS规则定义CSS美化网页类