【Dreamweaver课件:第8章 样式表】主要介绍了如何使用CSS(Cascading Style Sheet)样式表来控制网页元素的外观和布局。CSS样式表是网页设计的重要工具,它允许设计师集中管理文本、表格、图像、表单等元素的样式,实现更加灵活和精细的页面设计。
**CSS样式表概述**
CSS是一种级联样式表语言,用于分离网页内容和表现形式。它定义了一系列格式规则,使设计者能够独立调整页面的样式而无需改动HTML代码。CSS样式表可以应用于整个网站,实现统一的视觉效果,也可以针对单个页面进行定制。
**层叠样式应用技巧**
1. **创建CSS样式**:在Dreamweaver中,可以通过“CSS样式”面板来新建、应用和编辑样式。这个面板提供了附加、编辑、删除样式的功能。
2. **样式的定义**:包括自定义样式、HTML标签样式重定义和CSS选择器样式。自定义样式可以应用于文本和文本块;HTML标签样式重定义允许赋予HTML元素新的样式;CSS选择器样式则能针对特定的HTML组合或ID属性进行定义。
3. **管理CSS样式**:使用“CSS样式”面板可以方便地查看、编辑、复制、删除已有的样式。
4. **应用CSS样式表**:样式可以定义在外部样式表中,链接到多个页面,或者只在当前页面内部定义。
**创建CSS样式**
创建CSS样式的步骤包括:
1. 打开“新建CSS样式”对话框,可以通过“CSS样式”面板的按钮、快捷菜单或主菜单命令实现。
2. 输入样式名称,选择选择器类型(自定义样式、HTML标签或CSS选择器)。
3. 选择样式定义的位置,即外部链接或页面内定义。
4. 根据需要保存样式表文件或直接定义样式。
5. 在“分类”列表中选择样式类型,设置相应的参数,如字体、颜色、尺寸等。
6. 完成设置后,点击“确定”按钮创建样式。
**CSS样式定义**
CSS样式定义包括:
1. **类型格式**:设置文本的字体、大小、风格等属性。
2. **背景格式**:定义元素的背景颜色、图片等。
3. **区块格式**:控制元素的宽度、高度、内边距和外边距。
4. **方框格式**:设定元素的边框样式、宽度和颜色。
5. **边框格式**:更详细地控制元素的各个边框。
6. **列表格式**:修改列表项的样式,如列表符号、间距等。
7. **定位格式**:使用绝对或相对定位移动元素。
8. **扩展格式**:涵盖更多高级样式特性,如透明度、过渡效果、动画等。
通过学习和熟练掌握这些知识,设计者可以利用Dreamweaver高效地创建和管理CSS样式,实现专业且美观的网页布局。