WEB基础(框架和层叠样式表)课件.ppt

2、器窗口分割为3列，第一个子窗口在，窗体宽度为整个浏览器窗口宽度的40%；第二个子窗口在，窗体宽度为整个浏览器窗口宽度的；第三个子窗口在，窗体宽度为整个浏览器窗口宽度的40%；框架集(frameset)框架(frame)rowscols第一列第二列第三列20%4预习检查简述样式表的基本结构？关于文本、边框、背景的常用样式属性有哪些？常用的样式表的选择器有哪些？P{color:red;font-size:30px;font-family:隶书;}……

3、E>文档样式表开始，类型为CSS样式样式规则样式表声明结束1、常用的文本属性font-size、font-family、font-weight、color、text-align2、常用的背景属性background-color、background-image3、常用的边框属性border-width、border-colorHTML选择器、Class选择器、ID选择器本章目标了解框架的作用了解框架结构掌握框架的建立掌握框架的布局方式了解什么是层叠样式表掌握层叠样式表的基本语法掌握常用的样式表选择器掌

4、握简单的DIV+CSS布局框架框架基础：框架可以生成独立变化和滚动的窗口，从而能将一个窗口分割为若干个子窗体。一个包含多个HTML的文档的HTML文件称为框架页面框架在网页中的作用：把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。框架页面框架框架框架页面1页面2页面3框架结构图框架效果图片框架的属性标签作用于将窗口分割为若干个子窗体，子窗口的数目取决于嵌套在该标签中标签的数目。标签有两个属性：rows和cols，分别用来确定各自窗口的

5、高度和宽度，格式为：这两个属性的参数值可以是数字、百分数或符号”*”数字表示子窗口高度(宽度)所占的像素点数。百分数表示子窗口高度(宽度)占整个浏览器窗口高度(宽度)的百分比。符号”*”表示当符号只出现一次。即其他子窗口的大小都有明确的定义时，表该子窗体的大小将根据浏览器窗口的大小而自动调整。;;框架的属性标签用来标识子窗口(框架)。常用的属性：......

6、ESETrows="20%,*"frameborder="0">

7、ET>设置无框架边框不显示滚动条禁止调整框架大小框架名称，便于超文本链接锚标签target属性所引用常见的框架结构左右分割窗口嵌套分割窗口上下分割窗口……框架的基本结构边框尺寸大小将窗口分割成左中右3个部分,可选将窗口分割成上下2个部分,可选第一个窗口要显示的网页框架页面的基本语法：框架的基本结构

8、>rows_cols框架将窗口分割成上中下3部分窗口边框的宽度查看源代码小结1：如何