一、Emmet语法是什么？

Emmet语法的前身是Zen coding,它使用缩写，来提高html/css的编写速度,Vscode内部已经集成了该语法。

1.快速生成HTML结构语法

1.生成标签，直接输入标签名，按下tab即可
例如：
输入div 后面直接tab
2.如果想生成多个相同标签，加上就可以的
例如：
div3
3.如果有父子级关系的标签，可以用>
例如：
ul>li
4.如果是兄弟关系的标签，用+就可以的
例如：
div+P
5.如果有生成带有类名，或者id名字的，直接写
例如：
id明：#two 类明：.deme
6.如果想多个大小排序可以使用自增符号$
例如：
#id ∗ 5. l e i *5 .lei ∗5.lei*5
7.如果想要生成的标签内部写内容可以使用{}表示
例如：
div{我们想生成标签默认文字}

2.快速生成css样式语法

1.h100 高
2.w200 宽
3.tac 居中
4.ti2em 首行缩进2em
5.lh25 行高
6.tdn 没有下划线

Emmet语法的使用相关推荐

CSS中的emmet语法（使用缩写的方式提高书写html编写速度）
使用CSS的emmet语法:使用缩写的方式提高书写html编写速度. (1)快速生成html结构语法: 如果想要生成多个相同的标签,加上"*"就可以了,如div*3,生成三个div ...
sublime快捷操作emmet语法
学习笔记,仅供参考,有错必纠 sublime快捷操作emmet语法快速生成标签直接输入标签名按tab键即可,比如: #键入 div 加 Tab#生成 <div></div> ...
emmet语法 1127
emmet语法快捷生成html相关标签的一种语法其它软件需要安装 vscode, sublime webstrome,直接自带 h-builder-x,直接自带快捷生成HTML骨架 ! 生成一个 ...
Emmet语法——HTML和CSS快速生成代码/VS code如何快速格式化代码
前言:本篇文章简单讲述了HTML和CSS中的Emmet语法,更多详细语法内容可以参见此文章 https://code.z01.com/Emmet/ Emmet 语法 Emmet语法的前身是Zen co ...
CSS基础（emmet 语法,CSS 复合选择器, 布局认知,背景样式）
CSS基础 1. emmet 语法 -- 开发效率 1.1 emmet 语法生成 html 标签 emmet 的特点和作用是什么? 通过简写提高编码效率. emmet 生成 HTML 结构语法序号 ...
CSS（Emmet语法、复合选择器、元素显示模式、背景）
文章目录 1.Emmet语法 1.1快速生成HTML结构语法 1.2快速生成CSS样式语法 1.3快速格式化代码 2.CSS的复合选择器 2.1什么是复合选择器 2.2后代选择器 2.3子选择器(重要 ...
前端程序员偷懒工具：emmet语法
使用emmet语法,通过缩写提高html/css的编写速度生成html结构语法生成html文档结构比如对于一个空的html !+tab 就能生成html文档结构 <!doctype htm ...
CSS 2 emmet语法复合选择器元素显示模式
目录 Emmet语法 1.1快速生成HTML结构标签 1.2快速生成CSS样式语法 CSS的复合选择器 1.1什么是复合选择器 1.2后代选择器(重要) 1.3子选择器(重要) 1.4并集选择器(重要 ...
黑马程序员pink老师前端h5(html5)+css3(16)P94-P104伪类选择器上并集选择器子选择器后代选择器emmet语法生成标签快速格式化代码复合选择器简介
P94-emmet语法生成标签 Emmet语法 Zen codig他使用缩写,来提高htmlcss编写速度 div+p div class="nav" div id="b ...

Emmet语法的使用

一、Emmet语法是什么？

1.快速生成HTML结构语法

2.快速生成css样式语法

Emmet语法的使用相关推荐

最新文章

热门文章