创建层叠样式.pptxVIP

第7课 创建层叠样式;CSS（Cascading Style Sheets）样式用来一次对若干个文档所有的样式进行控制。 同时链接多个文档 CSS 样式有所更新之后，所有应用了该样式表的文档都会被自动更新。 ;创建CSS样式方法;方法 2.在文本属性检查器中，从“样式”弹出式菜单中选择“管理样式”，然后在出现的对话框中单击“新建”。 ;方法3. “文本”“CSS 样式”“新建 CSS 样式”。 ;;类(可用于任何标签)： 建一个可以作为 class 属性应用于任何标签的样式。 注意： 类名称必须以句点开头，可以包含任???字母和数字组合（例如，.myhead1）。 如果您没有输入开头的句点，Dreamweaver 将自动为您输入。 ;标签(重定义特定标签的外观)： 对指定的 HTML 标签的设置样式 图象标签:img 列表标签:li;高级(ID、上下文选择器) ： 对特定的标签组合，或者包含有指定属性的所有标签进行格式定义。 包括说明：a是指有链接的文字　　　a:link：表示已经链接；　　　a:hover：表示鼠标移上链接时；　　　a:active：表示链接激活时；　　　a:visited：表示己点击过的链接。 ; 新建样式表文件： 将此样式保存成一个文件，可供其他文件调用 仅对该文档：只能将此样式应用于本文件;示例 1.创建自定义样式： .mystyle仅对该文档 设置字体等 选择文字,右键选择样式 ;　　 body中的文字定义为大小为9磅（pt） 说明： body标签是网页的主体 网页内的所有文字都如上定义。 　　;table标签 新建样式表文件;4 、定义一外部连接式CSS样式;说明：a是指有链接的文字　　　a:link：表示已经链接；　　　a:hover：表示鼠标移上链接时；　　　a:active：表示链接激活时；　　　a:visited：表示己点击过的链接。 　　然后重复几次上面步骤，按你的喜欢分别定义好上面几个标签即可。;设置层叠样式;类型设置;;像素（px）相对与屏幕的分辨率,相对长度单位 点数（pt）1点=1/72英寸 绝对长度单位 帕(pc) =12点 英寸（in）、厘米（cm）和毫米（mm）根据显示的实际尺寸来确定长度。 字体高（em）表示当前文本的尺寸。 字体x的高（ex）表示当前字母“x”的高度； %是以当前文本的百分比定义尺寸。 ;修饰向文本中添加下划线、上划线或删除线，或使文本闪烁。 链接的默认设置是“下划线”。将链接设置设为无时，可以通过定义一个特殊的类删除链接中的下划线。 粗细对字体应用特定或相对的粗体量。“正常”等于 400；“粗体”等于 700。 变量可以将小写字母转换成大写字母. 大小写将选定内容中的每个单词的首字母大写或将文本设置为全部大写或小写。 颜色设置文本颜色。;示例;背景设置;背景颜色设置背景颜色。 背景图像设置背景图像。 重复确定是否以及如何重复背景图像。 “不重复”在元素开始处显示一次图像。 “重复”在元素的后面水平和垂直平铺图像。 “横向重复”和“纵向重复”分别显示图像的水平带区和垂直带区。;附件确定背景图像是固定随内容一起滚动。 水平位置和垂直位置指定背景图像相对的初始位置。 ;示例;区块设置;单词间距设置单词的间距。 设置特定的值，选择“值”，然后输入数值。 在第二个菜单中，选择度量单位。 字母间距增加或减小字母或字符的间距。减少字符间距，指定一个负值（例如 -4） 示例： I don’t know I don’t know。; ; 空格确定如何处理元素中的空白。 “正常”收缩空白； “保留”保留所有空白，包括由空格键、Tab键、Enter键创建的空格 ； “不换行”指定仅当遇到 br 标签时文本才换行。 显示制定是否以及如何显示元素。选择“无”则关闭元素的显示。在实际控制中很少使用。 ;方框设置;宽和高设置对象的宽度和高度。 浮动：文字等对象的环绕效果。 选择“右对齐”、对象居右。文字等内容从另外一侧环绕对象。 选择“左对齐”。对象居左，文字等内容从另一侧环绕。 “无”取消环绕效果。 清除：清除设置的浮动效果．; 填充指定内容与边框之间的间距 （如果没有边框，则为边距)。 边界指定边框与另一个元素之间的间距。 示例分析: 给图片加边框后指定其填充和边界值;边框设置;“边框” 可以定义元素(图片等)周围的边框的设置（如宽度、颜色和样式）。 ;;列表设置;对li标签附加样式 对现有列表附加样式.;;“定位”项实际上是对层的设置，但是因为DW提供了可视化的层制作功能，所以此项设置在实际操作中几乎不会使用。;类型确定浏览器应如何来定位