网页设计与制作课件第9章 节 在网页中应用css样式.ppt

文档介绍：第9章在网页中应用CSS样式
CSS样式简介
任务1
创建CSS样式
任务2
设置CSS样式
任务3
管理CSS样式
任务4
应用CSS高级样式
任务5
本章导读
要创建一个漂亮的网页,掌握设置CSS样式是必不可少的,CSS样式可以实现网页中几乎所有的样式效果。
CSS样式简介
创建CSS样式
设置CSS样式
管理CSS样式
应用CSS高级样式
能力目标
任务1 CSS样式简介
CSS是Cascading Style Sheets的缩写,中文译作“层叠样式表”,简称样式表。CSS样式可以精确地控制页面中每个元素的字体样式、背景、排列方式、区域尺寸和边框等;CSS样式还能够简化网页代码格式,使得下载显示的速度加快。
应用外部链接样式表,可以一次完成多个页面中网页内容的显示样式修改,极大地减少了用户的重复劳动量。
任务2 创建CSS样式
Dreamweaver提供的样式表编辑功能可以让用户轻松地进行复杂的样式设置,创建出适用的样式表。
创建样式表有两种方法,一种是通过“CSS样式”面板创建,另一种是执行菜单命令创建样式表。
(4)在打开的“.style1的CSS规则定义”对话框中进行各选项的设置后,单击“确定”按钮。
(5)在“CSS样式”面板中可以看到新创建好的样式表。
阶段2 使用CSS面板创建样式表
(1)选择“窗口→CSS样式”命令,打开“CSS样式”面板,然后单击“新建CSS规则”按钮。