search

博客列表 >form + iframe + css 优先级

form + iframe + css 优先级

恒儿哥哥
恒儿哥哥原创
2022年03月19日 12:03:12435浏览
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>hello word</title>
  8. </head>
  9. <style>
  11.     ul li{
  12.         list-style:none
  13.     }
  15. </style>
  16. <body>
  17.     <form action="" method="">
  18.         <div>
  19.             <label for="email">邮 箱：</label>
  20.             <input type="email" name="email" placeholder="请输入邮箱"/>
  21.         </div>
  22.         <div>
  23.             <label for="password">密 码：</label>
  24.             <input type="password" name="password" placeholder="请输入密码"/>
  25.         </div>
  26.         <p style="line-height: 100px;"></p>
  27.         <button type="submit" >登 录</button>
  28.     </form>
  29.     <p style="line-height: 200px;"></p>
  31.     <header><h1>网 站 管 理 后 台</h1></header>
  32.     <div >
  33.         <ul style="float: left;">
  34.             <li><a href="https://www.baidu.com/" target="content">不懂就问</a></li>
  35.             <li><a href="https://blog.houyue52.cn" target="content">博客</a></li>
  36.             <li><a href="https://tu.houyue52.cn" target="content">床图</a></li>
  37.         </ul>
  38.         <ul><li>  <iframe srcdoc="请右击左侧按钮" name="content"></iframe></li></ul>
  39.     </div>
  40.     <h1>CSS 优 先 级</h1>
  41.     <ul>
  42.         <li>class 选择器的优先级高于继承样式</li>
  43.         <li>id选择器优先级高于 class 选择器</li>
  44.         <li>内联样式的优先级高于 id 选择器</li>
  45.         <li>important 的优先级最高</li>
  46.     </ul>
  51. </body>
  52. </html>
上一条：想躺平的第三天下一条：table 标签使用
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议