2017-04-17-css-javaScript

知识点1：

css选择器：

1、标签选择器

2、类选择器（.）

3、id选择器（#）

4、通配符（*）

知识点2：

div相对位置设置（）

div浮动设置（float）

知识点3：

外联框架标签

内联框架标签

补充标记

1、文本容器标签

用于在HTML文档中创建内联的文本区域                                  

 这是第一段文字

 这是第二段文字

结果为：

2、数据围绕标签

用于生成一个带文字的围绕边框：

结果为：

3、框架结构标签frameset

通过定义标签来定义一个框架区域，该区域可以可以存在多个单独的区域。每个区域都属于该页面的一个单独的区域碎片

1）属性

rows:该属性用于定义框架纵向的划分方式，如”50%,50%”,则代表该框架在纵向上被划分为两部分，每部分都可以存放一组或者，高度各占据50%

cols:该属性用于定义框架横向的划分方式，如”25%,75%”，则代表该框架在横向上被划分为两部分，每部分都可以存放一组或者，分别占据25%、75%的宽度

2）子标签：

每一个frame标签都代表一个单独的区域碎片，多组标签组成一个多区域的页面

的属性：

src:该属性用于定义该组标签区域中要加载的页面，值为要加载的页面的路径

注意：标签和标签是同级别的存在，因此body不能包含frameset

例子：

通过frameset可以实现一个导航条加一个界面区域的页面结构，称为导航框架。

1.设置frameset中，作为界面区域的标签的name为A（例）

2.在通过标签设置链接时，可以对target属性设置为对应frame标签的name的值A

3.点击a标签，则会加href属性加载的页面直接在对应的target属性值对应的frame标签中

   加载

上图frameset.html中水平分布10%，90%。左边引用subhtml.html页面，右边作为显示页

subhtml.html代码如上

显示结果为：

4、内联框架