首页 > 其他 > 详细

20210217-emmet、后代,子代,并集别选择器、显示模式、背景

时间:2021-02-18 10:38:34      阅读:25      评论:0      收藏:0      [点我收藏+]
  • emmet

 1  <style>
 2         .one {
 3             /* tac */
 4             text-align: center;
 5             /* ti2em */
 6             text-indent: 2em;
 7             /* w100 */
 8             width: 100px;
 9             /* h200 */
10             height: 200px;
11             /* lh26px */
12             line-height: 26px;
13             text-decoration: none;
14         }
15 </style>
16 <body>
17     <!-- 直接输入标签名,按tab就可 比如输入div 然后tab -->
18     <div></div>
19     <!-- 生成多个标签 比如输入div*3 然后tab -->
20     <div></div>
21     <div></div>
22     <div></div>
23     <!-- 有父子关系可以用> 比如ul>li就可以 -->
24     <ul>
25         <li></li>
26         <li></li>
27     </ul>
28     <!-- 有兄弟关系用+就可以了 比如 div+p -->
29     <div></div>
30     <p></p>
31     <!-- class名字直接用.类名,id名字直接用#类名 -->
32     <div class="nav"></div>
33     <div id="nav"></div>
34     <ul class="footer"></ul>
35     <!-- 生成div类名有顺序,可以用自增符号$ 例如.left$*3-->
36     <div class="left1"></div>
37     <div class="left2"></div>
38     <div class="left3"></div>
39     <!-- 要生成的标签内容直接写在{}里面 例如div{你好$}*3 -->
40     <div>你好1</div>
41     <div>你好2</div>
42     <div>你好3</div>
43 </body>

效果:

技术分享图片

 

20210217-emmet、后代,子代,并集别选择器、显示模式、背景

原文:https://www.cnblogs.com/zcmuer/p/14410368.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!