布局元素iframe和css的基本使用及引用方式

布局元素与实体字符

&lt 是 < &gt 是 >

<head>
    <header>页眉</header>
    <div>
        <aside>侧边栏</aside>
        <!--主体-->
        <main>
            <!--文章区块-->
            <article>标题/内容</article>
            <section>小区块</section>
        </main>
    </div>
    <footer>页脚</footer>
</head>

iframe name 属性要与 a 标签 target 属性值一致
css 样式优先级内嵌样式> 内部样式>外链
选择器 + {} 就是规则
属性和值是写在{} 里面的
css 选择器属性(*:表示所有属性) > id 选择器 > 类选择器 > 标签
!important 强制强调选择器的优先级

<!DOCTYOPE htmL>
<html>
    <head>
        <meta charset="utf-8>
        <title>iframe构建小框架</title>
        <style>
        <
    </head>
    <body>
        <p>网站后台<p>
        <div>
            <ul>
                <li><a href="1.html" target="content">会员管理</a></li>
                <li><a href="2.html" target="content">类别管理</a></li>
                <li><a href="3.html" target="content">系统管理</a></li>
                <li><a href="4.html" target="content">商品管理</a></li>
            </ul>
            <iframe srcdoc="后台管理" name="content"></iframe>
        </div>
    </body>
</html>

HTML iframe和css的规范

布局元素iframe和css的基本使用及引用方式

布局元素与实体字符

相关文章