Blogger Information
Blog 6
fans 0
comment 0
visits 6006
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
iframe与css基础
好好学习
Original
595 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. <div>网站后台管理系统</div>
  10. <div>
  11. <a href="https://www.php.cn/course/list/1.html" target="content">HTML</a>
  12. <a href="https://www.php.cn/course/list/2.html" target="content">javaScript</a>
  13. <a href="https://www.php.cn/course/list/2.html" target="content">javaScript</a>
  14. <a href="https://www.php.cn/course/list/10.html" target="content">网站建设</a>
  15. <a href="https://www.php.cn/course/list/7.html" target="content">ASP.NET</a>
  16. <a href="https://www.php.cn/course/list/4.html" target="content">数据库</a>
  17. </div>
  18. <div>
  19. <iframe srcdoc="点击上方链接" name="content" width="1000" height="700"></iframe>
  20. </div>
  21. </body>
  22. </html>

关于css选择器优先级

  • ID选择器>class选择器>标签选择器 ,如果需要标签选择器权重最高,可添加!important提权。
  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. <style>
  9. /* class选择器 */
  10. .one{
  11. color: red;
  12. }
  13. /* ID选择器 */
  14. #two {
  15. color: blue;
  16. }
  17. /* 标签选择器 */
  18. h3 {
  19. color: pink !important;
  20. }
  21. </style>
  22. <body>
  23. <h1 class="one">标签选择器</h1>
  24. <h2 id="two">ID选择器</h2>
  25. <h3>标签选择器</h3>
  26. </body>
  27. </html>

关于元素样式

1 一个元素样式会受到四个级别声明的影响:

  • 继承的:根据元素在文档结构和层级关系确定它最终的样式
  • 浏览器:用户代理样式,大多数浏览器表现基本一致
  • 自定义: HTML文档中<style>标签
  • 行内样式:写在标签的<style>属性中

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