Blogger Information
Blog 19
fans 0
comment 1
visits 14085
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML iframe和css的规范
Original
626 people have browsed it

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

布局元素与实体字符

&lt 是 < &gt 是 >

  1. <head>
  2. <header>页眉</header>
  3. <div>
  4. <aside>侧边栏</aside>
  5. <!--主体-->
  6. <main>
  7. <!--文章区块-->
  8. <article>标题/内容</article>
  9. <section>小区块</section>
  10. </main>
  11. </div>
  12. <footer>页脚</footer>
  13. </head>

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

  1. <!DOCTYOPE htmL>
  2. <html>
  3. <head>
  4. <meta charset="utf-8>
  5. <title>iframe构建小框架</title>
  6. <style>
  7. <
  8. </head>
  9. <body>
  10. <p>网站后台<p>
  11. <div>
  12. <ul>
  13. <li><a href="1.html" target="content">会员管理</a></li>
  14. <li><a href="2.html" target="content">类别管理</a></li>
  15. <li><a href="3.html" target="content">系统管理</a></li>
  16. <li><a href="4.html" target="content">商品管理</a></li>
  17. </ul>
  18. <iframe srcdoc="后台管理" name="content"></iframe>
  19. </div>
  20. </body>
  21. </html>
Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post