Dreamweaver CS6网页设计与制作案例教程（第3版）.pptVIP

8.3.3管理CSS样式1．编辑CSS样式（1）在【CSS规则定义】对话框中修改【CSS规则定义】对话框8.3.3管理CSS样式（2）在【CSS样式】面板中修改选择要修改的样式修改属性设置8.3.3管理CSS样式（3）在CSS文件代码中修改8.3.3管理CSS样式2．删除CSS样式如果某个CSS样式不需要或者未使用，可以将该样式删除，在【CSS样式】面板中选中要删除的CSS样式，再单击【删除CSS规则】按钮，或者按“Del”键，即可删除该CSS样式。8.3.4设置CSS样式属性1．类型样式设置【类型】对话框如图所示，可以用来设置文本的样式。8.3.4设置CSS样式属性1．类型样式设置各项功能如下：字体（Font-family）：用来选择文本的字体。大小（Font-size）：用来设置文本的大小。样式（Font-style）：用于设置文本的倾斜格式，有“正常”、“斜体”和“偏斜体”三种选项。行高（Line-height）：设置文本所在行的高度。8.3.4设置CSS样式属性1．类型样式设置修饰（Text-decoration）：向文本中添加下划线、上划线或者删除线，或者使文本闪烁。粗细（Font-weight）：用于设置文本加粗的程度。变体（Font-variant）：设置文本的小型大写字母变量。大小写（Text-transform）：用于设置文本的大小写。颜色（Color）：单击“下三角”按钮，可以打开调色板设置文本的颜色，也可以在该按钮后边的文本框中直接输入颜色的HTML代码。8.3.4设置CSS样式属性2．背景样式设置【背景】对话框如图所示，可以用来设置网页元素的背景属性。8.3.4设置CSS样式属性2．背景样式设置各项功能如下：背景颜色（Background-color）：设置元素的背景颜色。背景图像（Background-image）：设置元素的背景图片。重复（Backgound-repeat）：设置背景图像的重复方式。“不重复”只在元素开始处显示一次图像；“重复”在元素后面水平和垂直平铺图像；“横向重复”和“纵向重复”分别显示图像的水平带区和垂直带区，图像被剪辑为适合元素的边界。附件（Background-attachment）：设置背景图像是固定在其原始位置还是随内容一起滚动。水平位置和垂直位置：设置背景图像相对于元素的初始位置，可以用于将背景图像与页面中心水平和垂直对齐。8.3.4设置CSS样式属性3．区块样式设置【区块】对话框如图所示，可以用来设置文本的间距和对齐格式。8.3.4设置CSS样式属性3．区块样式设置各项功能如下：单词间距（Word-spacing）：设置字词的间距。字母间距（Letter-spacing）：增加或减少字母或字符的间距。垂直对齐（Vertical-align）：设置元素的垂直对齐方式。文本对齐（Text-align）：设置文本在元素内的对齐方式。文字缩进（Text-indent）：设置第一行文本缩进的程度。空格（White-space）：设置处理元素中空格的方式。“正常”表示收缩空白；“保留”表示保留所有空白；“不换行”表示仅遇到br标签时文本才换行。显示（Display）：用来设置是否以及如何显示元素。8.3.4设置CSS样式属性4．方框样式设置【方框】对话框如图所示，用来设置元素（如图像和层）的高度、宽度、浮动、内容与边框之间的距离以及元素内边框与外边框之间的距离等属性。8.3.4设置CSS样式属性4．方框样式设置各项功能如下：宽（Width）和高（Height）：设置元素的宽度和高度。浮动（Float）：设置其他元素（如文本、APDiv、表格等）围绕元素的哪个边浮动。其他元素按通常的方式围绕在浮动元素的周围。清除（Clear）：定义不允许AP元素的边。如果清除边上出现AP元素，则带清除设置的元素将移到该AP元素的下方。填充（Padding）：设置元素内容与元素边框之间的间距（如果没有边框，则为边距）。取消选择“全部相同”选项可以设置元素各个边的填充值。边距（Margin）：设置一个元素的边框与另一个元素之间的间距（如果没有边框，则为填充）。取消选择“全部相同”可设置元素各个边的边距。8.3.4设置CSS样式属性5．边框样式设置【边框】对话框如图所示，用于设置元素边框的一些属性，主要有四个边