iframe内联框架 && CSS基础

iframe内联框架

a链接中的target=’iframe标签的name的值’

<a href="http://pic.netbian.com/" target="data">点击打开高清壁纸网站</a>
<iframe srcdoc="显示内容" frameborder="0" name="data" width="100%" height="600px"></iframe>

iframe作业

<div class="header">网站管理后台</div>
<div class="aside">
    <a href="http://www.baidu.com/" target="content">百度一下</a>
    <a href="http://pic.netbian.com/" target="content">高清壁纸</a>
</div>
<div class="main">
    <iframe srcdoc="显示左侧栏快" name="content" frameborder="0" width="100%" height="100%"></iframe>
</div>

CSS基础

样式种类

浏览器默认样式
继承父元素的样式
用户自定义外联样式——link引入样式
用户自定义内部样式——style标签内样式
用户自定义内联样式——标签style属性样式
级别：外联 < 内部 < 内联

CSS选择器

标签选择器——标签{样式}
属性选择器——标签【属性】{样式}
类选择器——#IdName{样式}
ID选择器——.className{样式}
级别：标签选择器<类选择器<ID选择器
(同级别写在后边的样式会顶替前边的相同样式)