CSS笔记6：emmet语法生成html标签和样式

惹尘

于 2020-11-18 10:38:56 发布

阅读量172

点赞数

分类专栏： css

本文链接：https://blog.youkuaiyun.com/weixin_46037153/article/details/109766298

版权

css 专栏收录该内容

12 篇文章

订阅专栏

在这里插入图片描述

<!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>