frame和css(一).docVIP

frame和css(一) CSS(一) ======================================================================================== 0.回顾 a.英语单词 table row col column caption span border cell form input text password button radio checkbox textarea file hidden select submit reset b.新单词 frame register resize scrolling target style family repeat float decoration space position c.提问 1） 2） 3） ======================================================================================== 1.为什么使用框架？ 使用框架的好处！ 在同一个浏览器窗口显示多个页面，使用框架能够有机地把多个页面组合在一起，但各个页面间相互独立； 可以实现页面复用；还可以实现典型的目录结构。、 常用的框架技术有以下两种。 框架集frameset 早期的框架技术，页面各窗口全部用iframe实现，形成一个框架集。 内嵌框架iframe 页面中的部分内容用框架实现，一般用于在页面中引用站外的页面内容，使用比较方便、灵活。 ------------------------------------------------------------------------------------------ 2.frameset框架集 横向分割窗口 纵向分割窗口 横向和纵向分割窗口 注意： a.frameset 标签不能和body 标签一起使用。不过，如果您需要为不支持框架的浏览器添加一个 noframes 标签，请务必将此标签放置在 body/body 标签中！ b.框架frame的重用属性 scrolling 和 noresize frameborder name ------------------------------------------------------------------------------------------ 3.窗口间的关联 示例代码 a标签中的target属性 框架窗口名、_self、_blank、_parent、top ------------------------------------------------------------------------------------------ 4.iframe的使用 通过刚才的示例可以看出要引用站外的百度搜索页，使用frameset和frame是不行的，所以我们需要使用iframe. iframe src=引用地址页面 name=框架标识名 frameborder=边框 scrolling=是否出现滚动条/frame ======================================================================================== 5.为什么使用样式表CSS CSS Cascading Style Sheets W3C的构想是HTML标签只表示内容、结构；而诸如字体类型、字号大小、 演示、显示位置等样式，完全由CSS制定，从而实现内容(和结构)和样式分离。 所以W3C制定了相应的XHTML和CSS两套标准，目前应用较多的版本分别是XHTML1.0(HTML 4.01)和CSS2.0 ------------------------------------------------------- 使用CSS的好处 a.实现内容和样式的分离，利如团队开发。 b.实现样式复用，提高开发效率 c.实现页面的精确控制 d.更利于搜索引擎的搜索 ------------------------------------------------------- 为什么说是多重样式表？ 样式表允许以多种方式规定样式信息，样式可以规定在 1）单个的 HTML 元素中------内联样式， 2）在 HTML 页的头元素中------内部样式， style type=text/css hr {color: sienna;} p {margin-left: 20px;} body {background-image: url(images/back40.gif);} /styl