首页 > 代码库 > css框架

css框架

 

框架:如果你想在一个页面里面,嵌入另一个页面,就可以使用框架了。

框架分为两种:

一、iframe标签: 本页面中再嵌入另一个网页。

iframe标签:浮动的框架,嵌入页面使用。

可以直接写在body里面就可以。<iframe></iframe>。操作的时候直接更改此标签的属性即可。

假如说我在一个空白的html的网页当中嵌入百度网页的界面:

<iframe src=http://www.mamicode.com/"http://www.baidu.com" width="500" height="500"></iframe>

技术分享

如果想去掉外边框以及滚动条,再加上两个属性:

frameborder:边框

scrolling:滚动、上下换行

<iframe src=http://www.mamicode.com/"http://www.baidu.com" width="500" height="500"frameborder="0" scrolling="no"></iframe>

技术分享

技术分享

 

 

2、frameset

frameset:完全的框架页面。可以嵌入多个页面。左右或者上下拆分。

不是写在body里面的,如果我们要使用frameset做成一个框架页面,那么这个页面就不需要再写body了。

当然,如果是拆分,那么分为左右、上下等方式,那么久需要一个属性规定:

cols="300,*":col是列,也就说,使用cols属性是左右拆分,依照列的形式。

<frame />标签:装备需嵌入的网页地址。

<frameset cols="200,300,*">
    <frame src=http://www.mamicode.com/"http://www.baidu.com"/>
    <frame src=http://www.mamicode.com/"http://zb.58.com" />
    <frame src=http://www.mamicode.com/"http://www.cnblogs.com/zrifq/" />
</frameset>

技术分享技术分享

 

 

上下拆分呢?

rows:代表上下拆分。

<frameset rows="200,300,*">
    <frame src=http://www.mamicode.com/"http://www.baidu.com"/>
    <frame src=http://www.mamicode.com/"http://zb.58.com" />
    <frame src=http://www.mamicode.com/"http://www.cnblogs.com/zrifq/" />
</frameset>

技术分享技术分享

 

css框架