首页 > 其他分享 >笔记:emmet语法

笔记:emmet语法

时间:2022-10-28 11:44:07浏览次数:46  
标签:标签 class 笔记 生成 语法 id div emmet

emmet语法笔记:

在写代码工具中快速生成HTML结构语法:

以div为例:

1、快速生成标签,下载auto close tag插件,输入div然后回车,自动添加关闭标签;

2、同时生成多个同级的相同标签:div*个数;

3、同时生成父子层级的标签:div>span (div是span的父盒子);

4、同时生成同级但不同标签的盒子:div+p;

5、生成标签的同时创建class:div.class

     让生成的class有顺序的自增:div.类名$*个数;

6、生成标签的同时创建id:div#id;

     让生成的id有顺序的自增:div#id名$*个数;

7、在生成标签的同时添加内容:div{};

快速生成CSS样式:样式首字母+数值,然后回车或tab键补全

例:

w200=》width:200px;

lh40=>line-hight : 40px

... ...

 

 

 

喜欢文章或文章内容有帮助的话留下足迹鼓励一下博主吧~

标签:标签,class,笔记,生成,语法,id,div,emmet
From: https://www.cnblogs.com/xz1005xfx/p/16835245.html

相关文章

  • SQL语法
    !SQL对大小写不敏感SQLDML和DDLDML:数据操作语言SELECT获取UPDATE更新DELETE删除INSERTINTO插入DDL:数据定义语言createdatabase创建数据库alter......
  • Pytorch----入门级CIFAR10的神经网络层,sequential,tansorboard可视化卷积中的各种参
    文章目录​​普通方法​​​​完整代码:​​​​sequential方法​​​​使用tansorboard可视化卷积层中的各种数据​​普通方法使用神经网络:(CIFAR10的神经网络)可以看到......
  • Pytorch----池化层(平均值池化、最大值池化、自适应最大值池化)--入门级小实例(逐行注
    文章目录​​最大值池化层​​​​平均值池化层​​​​自适应平均值池化层​​​​代码实现​​还是用上次的小实例,这次加入三种池化层做练习。关于池化层的基础概念可以......
  • 数论-费马小定理 学习笔记
    1.定理内容如果p是一个质数,而整数a不是p的倍数,则有。即:若为素数,,则。第二种表述形式:对于任意整数,有。在实际的应用中,我们最多用的是第二种表述形式。2.证明设一个质数为......
  • 数论-欧拉函数 学习笔记
    一、欧拉函数1.欧拉函数的定义欧拉函数(Euler’stotientfunction),即,表示的是小于等于和比如说。当n是质数的时候,显然有。2.欧拉函数的一些性质欧拉函数是积性函数。......
  • java8-笔记
    获取某个字段的值List<Integer>num=modelList.stream().map(model::getID).collect(Collectors.toList());根据某个字段去重再获取某个字段的值。List<CallBillModel......
  • FX3U+BCNET-FX实操笔记
                 ......
  • 关于华硕UX31E笔记本可识别U盘uefi启动却无法识别本地SSD盘uefi信息的解决办法
    问题描述:该笔记本bios明确有uefienable选项,证明一定是支持uefi启动的,而且只有单SSD盘也全盘格成了GPT模式,当ESP已经修复了引导信息,重启后还是reboot...提示,好似根本没有......
  • AQS相关笔记
    电脑修了快20填了,还没修好,我服了。。。也没有好记笔记和学习的地方,所以干脆在这里记笔记好了。AQSAQS具备特性:1.阻塞等待队列2.共享/独占3.公平/非公平4.可重入......
  • html-常用样式或脚本的学习笔记
    (一)CSS样式相关1.禁止拖动图片img{-webkit-user-drag:none;}2.去除select默认下拉图标.select{appearance:none;-webkit-appearance:none;......