首页 > 代码库 > 170411学习整理

170411学习整理

<frameset></frameset>框架标签

使用框架分割浏览器,使浏览器能同时显示多个页面

框架页面不允许出现body。

框架可以用来制作导航。

框架标签的属性:

rows="x,y,z"代表在浏览器内分割了三行,高度分别为x、y、z的框架

cols="x,y,z"代表在浏览器内分割了三列,宽度分别为x、y、z的框架

x、y、z也可以用百分比,当写为*时代表占满剩下的所有空间

例如<frameset rows="20%,*,170">代表三行,第一行20%浏览器高度,第三行170像素高度,第二行占掉剩下的所有空间。

frameset标签的其他属性

frameborder="x"

x默认为1,当x为0时不显示框架。

框架内使用<frame>标签来导向显示的页面<frame src="http://www.mamicode.com/url/相对地址">

frame标签的其他属性

noresize="noresize"不允许调整框架大小(no re-size)

scrolling="yes/no"当页面大小超过框架时,是否允许显示滚动条,默认为yes

*可以为一个frame标签定义一个name,当一个链接的target指向这个name时,点击该链接就会在该frame内打开,在制作导航时很有用。

 

<iframe></iframe>嵌入窗口标签

可以在页面某位置嵌入一个小窗口来显示其他页面,也可以嵌入视频源

可用属性为<iframe src="http://www.mamicode.com/url" width="x" height="y" frameborder="0" scrolling="yes/no"></iframe>

 

CSS样式表

优先级依然按照后来者最大优先级

内联写法:style直接写在标签内,由于后来者最大优先级,适合对某一标签的“特别照顾”与收尾(改作业)工作。

格式:style="font-size:16px;"

*注意样式表每个属性收尾处必须加分号

内嵌写法:写在<head></head>标签内,定义某一个或一类标签,批量处理,代码可重复利用。

定义代码的方式为选择器:

选择器:对所有标签起作用:星号*
<style type="text/css">
    *{
        }
</style>

选择器:对指定标签起作用:标签名
<style type="text/css">
    标签名{
        }
</style>

选择器:对class起作用:圆点后跟class定义名
<style type="text/css">
    .class{
        }
</style>

选择器:对id起作用:井号后跟id定义名
<style type="text/css">
    #id{
        }
</style>

170411学习整理