Community Learn Tools Library Leisure
search
English
Home > List of blog posts > iframe实现后台框架布局及CSS优先级
Blogger Information
Blog 41
fans 0
comment 0
visits 31023
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
iframe实现后台框架布局及CSS优先级
陈强
Original
770 people have browsed it

iframe实现后台框架布局

代码实现如下

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <title>Document</title>
  7.   </head>
  8.   <body>
  9.     <header>网站管理后台</header>
  10.     <aside>
  11.       <a href="category.html" target="main-frame">商品分类</a>
  12.       <a href="list.html" target="main-frame">商品列表</a>
  13.       <a href="brand.html" target="main-frame">商品品牌</a>
  14.       <a href="goods_type.html" target="main-frame">商品类型</a>
  15.       <a href="comment.html" target="main-frame">用户评论</a>
  16.       <a href="goods_delete.html" target="main-frame">商品回收站</a>
  17.     </aside>
  18.     <main>
  19.       <iframe src="" name="main-frame">这里是商品分类</iframe>
  20.     </main>
  21.     <footer></footer>
  22.   </body>
  23. </html>

css优先级

id选择器 > 类选择器 > 标签选择器

  • 如下图

  • 内联样式优先级最高，但是不属于标签选择器

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