《html-第三章.ppt

第三章 CSS 主要内容 掌握样式表的语法规则 样式表的分类： 行内样式表 内嵌样式表 外部样式表 掌握常用的样式 DHTML 简介 DHTML 的功能 什么是样式？ CSS是Cascading Style Sheets（层叠样式表单）的简称。 用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 什么是样式？ 常用的样式属性 行内样式 内嵌样式 内嵌样式 根据选择器的不同，内嵌样式又分为： HTML 选择器 CLASS 类选择器 ID 选择器 外部样式 根据样式文件与网页的关联方式又分为： 链接（LINK ）外部样式表 导入（@import）外部样式表 链接外部样式表 使用LINK（链接）标签 ，语法： HEAD LINK rel = “stylesheet” type = ”text/css” href = ”样式表文件.css” /HEAD 样式的混合使用 行内样式表、内嵌样式表、外部样式表各有优势，实际的开发中常常需要混合使用： 有关整个网站统一风格的样式代码，放置在独立的样式文件*.css 某些样式不同的页面，除了链接外部样式文件，还需定义内嵌样式 某张网页内，部分内容”与众不同“，采用行内样式 DIV 层标签 SPAN 标签 无序列表 html 　　head 　　　　titlecss Example/title style type=text/css ul {margin:0;} li { margin:20px; padding:0px; border:0px solid #000000; line-height:30px; font-size:12px; color:#000000; list-style-type:none; list-style-image:url(img/cd.gif); } /style 　　/head 　　body奥运会项目包括 　　ul li羽毛球 li乒乓球 li游泳 /ul 　　/body /html CSS 的优点 改变浏览器的默认显示风格 页面内容和显示样式分离 可以重用样式表 方便网站维护 总结 DHTML 是网页中 HTML、样式表和脚本的组合应用程序，增强网页的交互性 样式分为行内样式、内嵌样式、外部样式 样式表包括选择器和样式规则，选择器又分为HTML选择器、类选择器、ID选择器以及特殊的伪类 DIV和SPAN都是容器标签，DIV是块级标签，可包含段落、标题等，SPAN是行级标签，不能包含段落、标题等，只能包含部分文字 作业 使用样式修改我们的个人简历 使用样式修改“就业与择业调查表” * * Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. DHTML = HTML 脚本语言 JavaScript + + 层叠样式表 CSS 指定一个网页的元素 决定元素的大小 颜色和位置 操纵网页的元素 DHTML 是制作动态 HTML 页面的技术！ Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 设计人员可以随着与用户的交互操作而改变文本的颜色、字体和大小 设计人员可以随用户的输入或事件（如单击鼠标）而更改页面的内容 设计人员可以用 x 座标和 y 座标来指定网页元素的确切位置（绝对位置或相对位置） 设计人员可以将网页中的表格绑定到数据库 设计人员可以将选择的字体和网页一起封装 Web 程序员可以编写脚本以更改网页的样式和内容 在 DHTML 中，每个元素都被视为一个对象。可以独立地对每个对象进行访问和编程 动态样式 动态内容 定　位 数据绑定 可下载字体 脚　本 对象结构 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .