Css样式使用的方式

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讲义》第二版