iframe和a标签是通过name属性值进行关联的,a标签的target的属性值要等于iframe的name值,就会将a标签的href值在框架中打开
代码
<div id="box">
<ul>
<li><a href="http://www.baidu.com" target="ok">内容管理</a></li>
<li><a href="http://www.php.cn" target="ok">栏目管理</a></li>
<li><a href="http://www.aliyun.cn" target="ok">用户管理</a></li>
<li><a href="http://www.qq.com" target="ok">财务管理</a></li>
</ul>
</div>
<div>
<iframe src="" name="ok" width="900" height="500" frameborder="0"></iframe>
</div>
内联样式就是标签内通过style=””属性来写的css样式叫做内联样式,如下
<a href="http://www.baidu.com" style="font-size: 25px">内联样式</a>
内部样式一般是指写在标签head中的<style></style>之间的CSS样式,如下
<head>
<meta charset="UTF-8">
<title>0703</title>
<style>
.ok{font-size: 50px}
</style>
</head>
外部样式是指通过link属性引入的css样式文件,如下
<link rel="stylesheet" href="style.css">
盒模型的内边距是指内容距离盒子的边距,外边距是指盒子距离外部的边距,内边距通过padding来控制,外边距通过margin来控制。
padding和margin都有对应的上下左右属性,排列方式是顺时针,上右下左
分别为padding-top padding-right padding-bottom padding-left
和margin-top margin-right margin-bottom margin-left