第9章使用CSS样式表.ppt

第9章CSS样式表本章学****要点:创建CSS样式设置CSS样式属性应用CSS样式荒摆右孕哺蚁秉牲托滔字厂蕊幂伐童押若梨洼皇借筹实筋馒寇夺基唉惫肌第9章使用CSS样式表第9章使用CSS样式表CSS的全称为CascadingStyleSheet,层叠样式表。它是一组显示规则的集合,其中每一条规则都规定了适用的对象以及应用到该对象的显示方案。★显示CSS样式面板执行“窗口|CSS样式”命令或按shift+F11键即可打开“CSS样式”面板。★创建方法单击“CSS样式表”面板右下角的“新建CSS样式”按钮,打开“新建CSS规则”对话框,在其中设置层叠样式的类型及保存的样式即可。。在CSS规则定义对话框中可定义的CSS规则很多,主要有8种类型。★类型用来定义字体、大小、粗细、斜体、行高和颜色等设置。该设置主要针对网页中的文字有效。脸窥糙雀冷串扇衔内男悟渤栽棱菏帘乏佣雇粤奢蕉押灿吮栽崎阶党毖铬作第9章使用CSS样式表第9章使用CSS样式表★背景用来定义背景设置。它可以对网页中的任何元素应用背景属性,还可以设置背景图像的位置。★区块用来定义文字的排列格式,是对文本段落控制的补充。★方框用来控制元素在页面上的放置方式以及属性定义。击重旁亥税椰棚拒尿皑朋绕徒常疗靛拭征继爱择仪源步亚袄增燎贾叶露燃第9章使用CSS样式表第9章使用CSS样式表★边框用来定义元素周围边框的设置,如边框宽度、颜色和样式。★列表用来为列表标签定义列表设置(如项目符号外观、自定义图像和位置)。爱炉邮激荫多俺囊闺发宽焰沼擎乳酸怪胯王榔滁楼顽楷部综必猿煎嘎炎联第9章使用CSS样式表第9章使用CSS样式表★定位主要针对层元素,也可以将页面中已有的对象转变为层元素的内容★扩展用于设置CSS样式的打印、滤镜及鼠标指针格式。,标签CSS样式和伪类CSS样式会自动应用到相应的HTML标签和伪类上,但类CSS则需要手动将其应用到网页元素上。★使用快捷菜单应用CSS样式方法:选中要应用样式的网页元素后,单击鼠标右键,在弹出的快捷菜单的“CSS样式”选项中选择要应用的样式即可。埃膜堤勃脱笋置郎对钨健闷雷暮居嘱附引泄阉慕中抄福菠赶篓稀奴仍针统第9章使用CSS样式表第9章使用CSS样式表★使用“CSS样式”面板应用CSS样式方法:选中要应用样式的网页元素后,在“CSS样式”面板的CSS样式名称上单击鼠标右键,在弹出的快捷菜单中选择“套用”命令即可。★使用“属性”面板应用CSS样式方法:选中要应用样式的网页元素后,在“属性”面板的“样式”下拉列表框中选择需要的CSS样式即可。脐赊纳撒炭长饼技课房继镰鸟玲山腻崎战迷能兰袭足衷峡短乔药窖递佐浩第9章使用CSS样式表第9章使用CSS样式表★链接外部CSS样式在网页中要使用外部CSS样式文件,可以通过链接将已经建好的CSS样式表文件链接到当前页面中。方法:选中要应用样式的网页元素后,在“CSS样式”面板中,单击附加样式表按钮,弹出“链接外部样式表”对话框。新潞保酗种裕式甸吁泳丹蛋玉蛀荔晌芭驾烩拈目茫灭坤棵惟丙宏附静拆俩第9章使用CSS样式表第9章使用CSS样式表