CSS样式面板.ppt

CSS样式;什公是CSS样式;CSS样式表的功能;CSS的语法;style type=“text.css” !— P{font-family：”宋体”；font-size：9pt；color：#000000} Td{font-family：”楷体”；font-size：20pt；font-style；italic；font-weigh：800；text-decoration：blink；color：#000000};CSS样式面板; 1. CSS样式概述 CSS样式表是一系列格式规则，它们控制网页内容的外观。使用 CSS 样式可以非常灵活并更好地控制确切的网页外观，从精确的布局定位到特定的字体和样式。要使网页的文本大小不受浏览器设置的控制，应使用CSS样式定义网页中的文本。 CSS样式可以控制许多仅用 HTML 无法控制的属性。例如，可以指定自定义列表项目符号并指定不同的字体大小和单位（像素、点数等等）。 ;CSS语法;style type=“text/css” !— P{font-family:”宋体”;font-size:9pt;line-height:12pt;color:#00000} Td{font-family:”楷体_GB2312”;font-size:20pt;font-style:italic;} A:hover{background-color:#ffccff;color:#ff6666;text-decortion:underline;float:left} A:link{color:#ff33ff;text-decoration:none} A:visited{color:#6600ff;text-decorton:none} A:active{color:green;text-decoration:none;background-color:#ffcc99};CSS样式面板 （1）显示“CSS 样式”面板的方式： 打开“窗口”菜单——“CSS”样式 （2）样式视图 ;CSS样式在网页中的三种存在方式;内嵌样式 不以文件的形式存在,仅作用于本文档,直接定义在head/head 之间. Style type=“text/css” !— P{font-family:“宋体” font-size:9pt;color:blue} H2{font-family: “宋体” ;font-size:13pt;color:red} -- /style;直接插入式;创建新的 CSS 样式 创建新的 CSS 样式的步骤如下： （1）将添加点放在文档中，然后执行以下操作之一打开“新建 CSS 样式”对话框： ? （2）定义CSS 样式的类型 ? （3）选择定义样式的位置 （4）单击“确定”。出现“CSS 样式定义”对话框。 （5）选择要为新 CSS 样式设置的样式选项。 （6）设置完样式属性后，单击“确定”。 ;创建自定义样式：名称须以.开头，可应用到任何范围。 重定义HTML标签：将扩充某个HTML标签的功能。 使用CSS选择器：重新定义一些标签的特定组合格式。 外部：将以文件的形式存在。 仅对该文档：内嵌式样式。;3. 应用自定义 (Class) CSS 样式 4．将自定义样式从选定内容中删除 5．创建和链接到外部 CSS 样式表 6．编辑 CSS 样式 7．设置 CSS 样式参数 ;CSS的属性;行为事件