<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
/* tac */
text-align: center;
/* ti */
text-indent: 2em;
/* w100 */
width: 100px;
/* h200 */
height: 200px;
/* lh26px */
line-height: 26px;
/* tdn */
text-decoration: none;
</style>
<body>
<!-- div*3-->
<div></div>
<div></div>
<div></div>
<!-- ul>li 父子关系用>-->
<ul>
<li></li>
</ul>
<!-- div+p 兄弟关系用+-->
<div></div>
<p></p>
<!-- .nav -->
<div class="nav"></div>
<!-- #p -->
<div id="p"></div>
<!-- p.one -->
<p class="one"></p>
<!-- ul>li#d -->
<ul>
<li id="d"></li>
</ul>
<!-- .demo$*5 -->
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
<div class="demo4"></div>
<div class="demo5"></div>
<!-- div{我不喜欢}*5 -->
<div>我不喜欢</div>
<div>我不喜欢</div>
<div>我不喜欢</div>
<div>我不喜欢</div>
<div>我不喜欢</div>
<!-- div{$}*5 -->
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</body>
</html>
CSS笔记6:emmet语法生成html标签和样式
最新推荐文章于 2022-08-19 00:37:14 发布