第9课创建层样式css(1+).pptVIP

第7课 创建层叠样式 CSS（Cascading Style Sheets）样式用来一次对若干个文档所有的样式进行控制。 同时链接多个文档 CSS 样式有所更新之后，所有应用了该样式表的文档都会被自动更新。 创建CSS样式方法 在“CSS 样式”面板（“窗口”“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样式 去掉链接文字的下划线，为链接文字设置不同状态下的链接颜色。 　 CSS选择器和新建样式表文件 标签选择选a:link—— “保存样式表文件”为a.css 在“CSS样式定义”对话框中，字本装饰那里选无，文字颜色为红色。　　 说明：a是指有链接的文字　　　a:link：表示已经链接；　　　a:hover：表示鼠标移上链接时；　　　a:active：表示链接激活时；　　　a:visited：表示己点击过的链接。 　　然后重复几次上面步骤，按你的喜欢分别定义好上面几个标签即可。 设置层叠样式 样式定义对话框： 类型设置 背景设置 区块设置 方框设置 边框设置 列表设置 定位设置 扩展设置 类型设置 行高：这项设置在网页制作种很常用。 “正常”，让计算机自动调整行高 注意：单位应该和文字的单位一致，行高的数值是包括字号数值在内的。 例如，文字设置为12pt，如果要创建一倍行距，则行高应该为24pt。百分比的值相对于字体的大小而定. 像素（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键创建的空格 ； “不换行”指定仅