Css样式单可以控制html文档的显示,但在控制文档的显示之前,首先应该在需要显示的HTML文档中导入css样式单。有如下4中方式:
1. 链接外部样式文件:这种方式将样式文件彻底与HTML文档分离,样式文件需要额外的引入。
<link rel="stylesheet" type="text/css" href="css/mystyle_iframe.css">
2. 导入外部样式文件:与上一种方式类似,只是需要@import来引入外部样式单。(不常使用)
<style type="text/css">
@import url("css/cssStudy0709.css");
</style>
3. 使用内部样式定义:在HTML文档头定义样式单部分,每批css样式只控制一份文档。
<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
4. 使用行内样式:这种方式将样式行内定义到具体的HTML元素,通常用于精确控制某个HTML元素的实现,这种方式下,每份css样式只控制单个HTML元素。(优先级最高)
<iframe src="https://www.baidu.com" width="99%" height="699px" name="demo_iframe" class="demo_iframe"></iframe>
内容参考:《 疯狂 HTML5+CSS3+JavaScript讲义》第二版