码迷,mamicode.com
首页 > 其他好文 > 详细

iframe引入页面

时间:2017-05-16 13:07:06      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:oct   styles   htm   页面   nbsp   com   har   char   charset   

将外层css框架单独存放在一个css文件之中,将iframe的css单独写在一个css文件,避免iframe中的html,body等公共部分的样式冲突。

外层框架单独写在一个css,如:

frame.css

 

引入页面的css单独写在一个文件,如:

content.css

 

frame.html如下,只引入frame.css

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>这是框架Html</title>
		<link rel="stylesheet" href="frame.css" />
	</head>
	<body>
		<iframe src="content.html" width="100%" height="100%"></iframe>
	</body>
</html>

content页面里则不需要引入frame.css文件,

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>这是contentHtml</title>
		<link rel="stylesheet" href="content.css" />
	</head>
	<body>
		<!--
        	作者:983521365@qq.com
        	时间:2017-05-16
        	描述:内容区
        -->
	</body>
</html>

  

 

 

 

iframe引入页面

标签:oct   styles   htm   页面   nbsp   com   har   char   charset   

原文地址:http://www.cnblogs.com/zzd0916/p/6860433.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!