Emmet 速写 HTML 标签和 CSS 选择器 (速查链接)

howeres

已于 2023-03-09 20:20:05 修改

阅读量203

点赞数

文章标签： css

于 2020-08-18 18:06:23 首次发布

本文链接：https://blog.csdn.net/howeres/article/details/108083782

版权

科普专栏收录该内容

34 篇文章 3 订阅

订阅专栏

Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow

Emmet 标记语言快捷键

Emmet 官网速查表
推荐vscode安装:Mithril Emmet插件(有演示)
推荐查看 Y_Cheng 写的博客讲的很清楚

! 使用感叹号快速生成 html 标准格式

在这里插入图片描述

CSS 选择器

CSS选择器	两者之间
后代选择器	空格
子元素选择器	>
相邻兄弟选择器	+
通用兄弟选择器	~
交集选择器	中间无空格或其他符号
并集选择器	,

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

howeres

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

10—Emmet语法、css复合选择器（后代选择器 、子选择器 、并集选择器、伪类选择器 ）

qq_64073631的博客

10-27

238

day10—Emmet语法、css复合选择器

VSCode 常用插件推荐

全栈程序员小黑的博客

05-03

4308

VS Code提供了非常丰富的插件功能，根据你的需要，安装对应的插件可以大大提高开发效率。适用于 VS Code 的中文（简体）语言包拼写检查器。比如 banana 单词写错成 banane ，会提示你是否修改成 banana ，也可以将 banane 添加至检查器的字典中。

参与评论您还未登录，请先登录后发表或查看评论

VSCode添加对HTML、Vue页面的Emmet语法支持

开发的那些事儿

09-11

1617

在VSCode的插件内搜索Mithril Emmet，选择并安装使用CMD + SHIFT + P(Mac)或CTRL + SHIFT + P (Windows)打开命令面板，输入Open Settings (JSON)，选择并进入设置的JSON格式配置页面。并添加下面的键值内容（用于增加对HTML、VUE页面的扩展支持） "emmet.includeLanguages": { "wxml": "html", "vue-html": "html", "vue": "html" } 搞定收工！

【Tools】——VS Code 插件推荐合集

最新发布

10-09

本文档介绍了Emmet的基础及其对于前端开发工作者效率...学习Emmet能够提升HTML和CSS开发工作的效率，并使CSS的选择与样式应用更为便捷灵活，请务必反复练习Emmet语法规则和常用的选择器命令来巩固相关知识和技术手法。

CSS学习中EMMET语法、复合选择器、元素选择模式、以及背景的一些总结

11-04

在CSS的学习过程中，掌握EMMET语法、复合选择器、元素选择模式以及背景的设定是非常重要的。下面将分别对这些知识点进行详细的阐述。首先，EMMET（前身为Zen Coding）是一种高效的HTML和CSS代码编写工具，它能显著...

Emmet语法速查：提升HTML/CSS编码效率

Emmet是一种强大的文本编辑器和浏览器扩展，它通过精简的缩写语法提供了一种高效的方式来编写HTML、CSS和XML代码。本手册详细介绍了Emmet的各类语法，使得开发者能够快速构建和维护复杂的网页结构。 1. **基本元素...

【工具】（四）：衔接上一篇：VSCode插件推荐

Alfred的博客

09-21

791

对于很多编程工作者来说，一款好的IDE或者编辑器至关重要，很多人都喜欢用IDE，因为全面，配置方便，管理更是一键式，用起来贼爽，不需要关心开发之外的东西， ps: 本人也喜欢。。。尤其是对于jetbrains系列的IDE，相当满意，如：pycharm、phpstorm、Rubymine、webstorm等；但是有个问题，很多人都遇到过，就是打开一款IDE时，等待时间比较久，尤其是电脑...

【VsCode】VsCode（Vue/React）的安装与48个插件大全

【敦厚的曹操】的专栏

04-12

9803

一、下载和安装下载地址：https://code.visualstudio.com/download是Microsoft（微软的产品）最好安装System Installer版二、配置 1、打开【设置】，找到或搜索【Format on Save】，打对勾。 2、打开【设置】，找到或搜索【AutoSave】，选择：afterDelay。三、插件（陆续更新中，红色推荐前端安装） 1、Chinese Language （简体中文，重启软件生效）。 2、Live Server（按alt+..

vscode emmet被覆盖，vue文件tab无法补全html标签

linpenghui958的博客

08-17

1万+

Emmet语法写HTML和CSS可以快到飞起

90后真败家码农

06-19

922

Emmet插件语法写HTML可以很快。 Emmet语法 + Tab键 HTML部分 html初始结构 # HTML5文档类型 ! html:5 # XHTML过渡文档类型 html:xt # XHTML严格文档类型 html:xs # HTML4严格文档类型 html:4s id（#），class（.） div#test div.test 子节点（>），兄...

vscode常用插件

weixin_34152820的博客

09-07

268

2019独角兽企业重金招聘Python工程师标准>>> ...

Mithril – 构建杰出 Web 应用的 JS MVC 框架

weixin_34295316的博客

03-26

169

　　Mithril 是一个客户端的 Javascript MVC 框架。它是一个工具，使应用程序代码分为数据层，UI 层和粘合层。提供了一个模板引擎与一个虚拟的 DOM diff 实现，用于高性能渲染，支持路由和组件化。这个框架的目标是使应用程序代码可读性和可维护性更强，并希望帮助你成为一个更好的开发人员。您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式...

VSCode使用教程

qiaofan_乔凡的博客

06-18

840

VSCode使用教程 VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。 1.VSCode下载 VSCode下载链接: https://code.visualstudio.com/ 2.VSCode汉化 3.VSCode常用插件(安装步骤同汉化) 3.1

25 个提升开发幸福感的 VSCode 扩展

前端下午茶

08-19

418

❝译原文：https://medium.com/better-programming/how-to-use-vscode-like-a-pro-e120c428f45f[1] 作者：An...

笼统的前端

weixin_33910137的博客

02-28

405

原文地址核心 Core HTML(HTML5) CSS(CSS3) JavaScript jQuery ES6 插件包管理工具 Package Managers NPM Bower Yarn 前端性能 Front-End Performance WebPagetest PerfBudget CriticalCSS Picturefill 编辑器 Text Editors WebS...