链接的相关属性

男娘i 2022-06-05 08:27 291阅读 0赞

media

20171122151708714

代码：

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>media的用法</title>
  6. <link href="yanse.css" rel="stylesheet" type="text/css">
  7. <!--第一个link只是在网页中显示当时的样式，第二个link加上media=“print"表示在打印模式下的样式-->
  8. <link href="print.css" rel="stylesheet" type="text/css" media="print">
  9. </head>
  11. <body>
  12. <body>
  13.     <h1>春晓</h1>
  14.     <p>春眠不觉晓</p>
  15.     <p>处处闻啼鸟</p>
  16.     <p>夜来风雨声</p>
  17.     <p>花落知多少</p>
  18. </body>
  19. </body>
  20. </html>

yanse.css

  1. @charset "utf-8";
  2. /* CSS Document */
  3. body{background: #238E61;color: azure;}

print.css

  1. @charset "utf-8";
  2. /* CSS Document */
  3. body{background: red; color: aliceblue;font-size: 60px;}

结果：

media.html 打印预览

20171122152229671 20171122152234811

sizes

20171122155135454

type

20171122155146314

target

20171122160051341

代码：

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>target的用法</title>
  6. <base href="http://www.baidu.com" target="_blank">
  7. </head>
  9. <body>
  10. <a href="">点我</a>
  11. <a href="">点你</a>
  12. </body>
  13. </html>

不加target=”—blank”,点击时会覆盖当前窗口，一直都只有一个窗口。

20171122160346078

加target=”—blank”,点击时会不覆盖当前窗口，多个窗口并存。

20171122160231240

发表评论

表情：
评论列表 （有 0 条评论，291人围观）

还没有评论，来说两句吧...

相关阅读