Web程序设计jsp课件-CSS.pptVIP

复习4-1 HTML 标记一般配对使用，不区分大小写 标记都具有属性。属性提供关于网页上 HTML 元素的附加信息 元素名 [属性＝“值”] … 内容 /元素名： font 文字 /font 元素名 [属性＝“值”] … ：img src=“…” 元素名：br META 标记放置在网页的标题处以提供关于页面的信息。搜索引擎常会用到这些信息 复习4-2 字体标记：Font color=“颜色” size=“大小” face＝“字体” 超链接标记：A href=“链接地址”超链接文本/A 图像标记：img src=“图像地址” align=“对齐方式” alt=“..” border=“..” 表格标记：TABLE、TR、TD 表单标记：FORM action=“url” method=“get/post” INPUT元素 /FORM 复习4-3 TABLE width=200 border=1 align=center CAPTION align=bottom我的表格/CAPTION TR bgcolor=yellow TH1/TH TH2/TH /TR TR align=center TD rowspan=23/TD TD align=right4/TD /TR TR TD align=right5/TD /TR /TABLE 复习4-4 在HTML中，表示空格的实体为? 要求密码文本框不超过10个字符，请补全HTML代码。 密码 INPUT type=“?” ?=“10” 下面有关单选按钮的HTML代码正确吗？INPUT type=radio name=radio1 value=FINPUT type=“radio” name=“radio2” value=“M”女 下拉列表框中显示的超级女生是？ 最佳超级女生是 SELECT NAME =“myselect OPTION 1号/OPTION OPTION2号/OPTION OPTION selected3号/OPTION /SELECT 主要内容 框架 掌握层叠样式表(CSS)的语法规则 层叠样式表的分类： 行内样式表 内嵌样式表 外部样式表 了解层DIV和SPAN标签 掌握常用的样式 网站设计原则 框架 主框架 frameset rows=92,328 cols=* frame src=top.htm / frameset rows=* cols=181,590 frame src=left.htm / frame src=main.htm / /frameset /frameset 链接与框架 当框架有了名字以后，可以使用A元素的target属性使那些链接网页装入到框架中去 A元素的target属性 target名必须以字母开始。以下划线（_）开始的名字是保留 的target名，它们是HTML为帮助你使用框架而提供的 保留名说明： _blank ：使链接的结果装入到一个新的窗口中 _self ：使链接的结果所装入的框架与A元素的结果所装入的框架相同 _parent：使链接的结果装入到当前框架的父窗口 _top ：使链接的结果装入到浏览器的整个窗口，并取消框架。 主框架20.html Left框架：20_1.html font size=5 color=red我是20_1/font Right框架：20_B.html Righttop：20_2.html font size=5 color=blue我是20_2/font rightbottom：20_3.html DHTML 简介 DHTML 示例 什么是样式？ CSS定义 CSS：Cascade Style Sheet 层叠样式表 用来定义HTML文件的显示效果 1998/5/12，CSS level2成为W3C标准 特点： 样式表由多行样式规则组成，以告诉浏览器如何显示一个HTML文档 每个规则的组成包括一个选择器（通常是一个HTML元素）和该选择器所接受的样式 每个元素可以定义多个属性，每个属性带有一个值，这些属性共同描述该元素如何进行显示 CSS样式规则 样式规则格式： 语法：选择器{声明} 声明由属性和值组成， {属性:值} 单一选择器的复合样式声明应该用分号分割： 选择器{属性1:值1; 属性2:值2} 示例： H1{font-size:16pt; color:red} H2{font-size:10pt; color:green} CSS组合/注释 可以一次性定义多个元素的样式 H1,H2,H3{color:red; font-family:黑体} 属