cssEmmet写法
【摘要】 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Emmet语法</title>
<style>
/* 1.5.2css emmet语法 */
.ont {
text-align: center;
text-indent: 2em;
width: 100px;
line-height: 26px;
text-decoration: none;
/*这里也就是打了个ed*/
}
</style>
</head>
<body>
<!-- 1.6.1快速生成HTML结构语法 -->
<!-- 1.生成标签直接输入标签名按tab键即可
2.如果想要生成多个相同的标签 加上*就可以了 div*3就可以生成3个标签
3.如果有父子关系的标签，可以用>比如ul>li就可以了
4.如果有兄弟关系的标签，用+就可以了比如div+p
5.如果生成带有类名或者id名字的。直接写.demo或者#two tab键就可以了
6.如果生成的div类名是有顺序的可以用自增符号$ -->
<!-- div*3 -->
<div></div>
<div></div>
<div></div>
<!-- ul>li div>span -->
<ul>
<li></li>
</ul>
<div><span></span></div>
<!-- . 快速生成类选择器 -->
<div class="demo"></div>
<!-- # 生成id的 -->
<div id="banner"></div>
<p class="one"></p>
<!-- .demo$*3 -->
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
</body>
</html>
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）