博客列表 >前端基础之iframe与css基础(1210)

前端基础之iframe与css基础(1210)

择善而从
择善而从原创
2020年12月11日 15:39:42532浏览

前端基础之iframe与css基础(1210)

1. 用iframe写一个简单的小后台

  • 简单后台由头部标题、侧边菜单、内容主体(iframe内联框架)组成。
    1. <body>
    2. <div class="header">欢迎来到后台管理系统</div>
    3. <div class="aside">
    4. <a href="../1208/1.html" target="content">网站信息</a>
    5. <a href="../1209/demo.html" target="content">分栏管理</a>
    6. <a href="../1209/demo1.html" target="content">界面管理</a>
    7. <a href="../1209/demo2.html" target="content">分类管理</a>
    8. <a href="../1210/demo1.html" target="content">文章管理</a>
    9. <a href="../1210/demo2.html" target="content">用户管理</a>
    10. </div>
    11. <div class="main">
    12. <iframe srcdoc="请点击左侧按钮" name="content"></iframe>
    13. </div>
    14. </body>

    2.理解css优先级,并实例图示演示元素样式的四个来源

  • 从选择器的角度看,id选择器(#) > 类选择器(.) > 元素选择器(标签),没有特别指定时,优先级大的样式会覆盖优先级低的;特殊情况可用!important提升优先级;
  • 元素样式的四个来源,分别是行内样式(写在标签style属性上)、自定义样式、用户代理样式、继承样式。
    元素样式的来源
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议