首页 > 代码库 > 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学习整理