DW09使用CSS样式表要点.ppt

例2：重定义单元格标签。 新建CSS样式，先选中定义CSS的类型为“标签（重新定义）”，再在其下方的下拉列表中选择欲重新定义格式的标签。保存样式在table_td.css样式文件中。 * 如先在表格中添加几个表格，再重新定义单元格标签，如将单元格的背景颜色设置成黄色，字体颜色设置成蓝色，其它任意。 完成后所有表格中的单元格全部变成设置后的效果。 * 例3. 使用CSS选择器（即定义超级链接） 新建CSS样式，选择“复合内容（基于选择的内容）” 类型，再选择超级链接的不同状态。 a:link——正常显示状态 a:hover——鼠标指向时的状态 a:active——鼠标指向并按下左键时的状态 a:visited——已经访问过以后的状态 设置a:link 无下划线，颜色为#333366 设置a:visited 无下划线，颜色为#009999 设置a:hover 有下划线，颜色为#ff9900 在网页中设置几个超级链接，则其属性变为刚才定义的属性。 设置完以后在页面属性的链接（CSS）中可以看到结果。 实例4：CSS控制网页背景 新建CSS样式，选择“类（可应用于任何标签）”，命名为textback，仅对该文档生效。 选择“背景”类别，设置颜色为＃CCFF66 选中网页中的一部分内容，应用该样式 另外，新建tdback样式，设置“背景”类别下的背景图像 素材库中任选一个 ，选择“重复”，并应用到下面一个单元格中。 实例5：CSS区块排列文本 新建CSS样式，命名为block1，保存在font.css样式文件中。 设置“类型”为宋体，大小14px，行高2em区块 另外，首行文字缩进2个字符。 对中文文本应用该样式。 新建block2样式，“类型” 中设置字体为Verdana，大小为16px。在“区块” 中设置文本对齐为两端对齐。对英文文本应用该样式。 实例6：CSS方框对齐对象 新建CSS样式，命名为box1，仅对该文档生效。 设置“方框”属性。 对图片应用该样式 使图片对象的位置任意:有时做得不好 。 实例7：CSS边框创建漂亮按钮 三个只有一个单元格的表格，分别设置不同的边框样式。 也可以对图像类对象设置边框（加一个相框）。 新建CSS样式，命名为border1，仅对该文档生效。 以同样的方法设置CSS样式border2、border3 对三个按钮分别应用样式，设置的效果在预览时看到。 3、CSS样式表的基本语法 CSS的基本语法：选择器、属性和属性值。 selector property: value 如：h1 color:red; font-size:14px; 作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。 这就是一条完整的声明，h1代表定义的最大标题。 所谓选择器，实际上就是样式的名称。 如右建立的一个名为ys01的样式的代码。 * 附件（Background-attachment） ：设定当拖动浏览器滚动条浏览滚动页面时，背景图像是固定在它的原始位置，还是同内容一起滚动。“固定”表明背景图像固定在原始位置；“滚动”表明背景图像可以滚动。 有些浏览器会将固定方式始终作为滚动方式来处理。 水平位置（Background-position X ）：设置背景图像相对于文档窗口的水平位置：左、中、右。 垂直位置（Background-position Y ） ：设置背景图像相对于文档窗口的垂直位置：顶部、底部、居中。 * 四、定义区块样式 在CSS规划定义的分类列表中选择“区块”，主要用于设置块元素的文字间距、对齐方式、排列方式、文字缩进等。块元素可以是文本、图像和层等。 设置首行缩进 单词间距（Word-spacing）：设置单词间的间距方式，可以输入一个数值，并在其右方的下拉列表中选择设置数值的单位； 字母间距（Letter-spacing）：设置字母间的间距，设置字母间的间距。若在列表中选择“值”选项，在右侧的下拉列表中可以设置数值的单位。 垂直对齐（Vertical-align）：可设置指定元素相对于其父级元素在垂直方向上的对齐方式。应用于IMG图像，可以设置图文的对齐方式 如果输入数值，显示的是一个百分比。 * 文本对齐（Text-align） ：设置文本中元素的对齐方式：left（左）、right（右）、center（居中）、justify（两端对齐）。 文字缩进（Text-indent） ：设置文本首行缩进的距离，在其右侧的下拉列表中选择数值单位。如果输入为负值时等于创建了文本凸出（反缩进），其显示取决于浏览器。输入第一行的缩进距离，只有