Day11Emmet写法

image

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Emmet写法</title>
</head>
<body>
    <!-- 标签名+类选择器的简写，例如 p.box  则会生成如下-->
     <p class="box"></p>
    <!-- 在这些标签中，div又更特别一些，它可以省略标签名，即.box即可 -->
     <div class="box"></div>
     <!-- 标签名+id选择器的简写，例如 p#text -->
      <p id="box"></p>
      <!-- 同级标签简写用+链接即可  p+div -->
       <p></p>
       <div></div>
       <!-- 父子级的标签则用>连接,div>p -->
        <div>
            <p></p>
        </div>
        <!-- 输出多个相同标签时用乘号来连接  div*3-->
         <div></div>
         <div></div>
         <div></div>
         <!-- 带内容的标签，用大括号来包含内容 div{曾梦想仗剑走天涯}-->
          <div>曾梦想仗剑走天涯</div>

</body>
</html>
posted @ 2025-11-03 23:17  冰涿  阅读(6)  评论(0)    收藏  举报