CSS中用Emmet语法快速生成HTML标签!!!

1.1快速生成html结构的语法

  1. 生成标签:直接输入div,然后摁回车或者Tab键就行(别的标签也是,包括双标签和单标签)
    在这里插入图片描述

  2. 同时生成多个标签
    如:生成5个段落标签,则p*5,再摁回车或tab键就行
    在这里插入图片描述
    在这里插入图片描述

  3. 生成父子级标签。
    例如:快速生成无序列表,用ul>li就行,在按回车
    在这里插入图片描述
    在这里插入图片描述

  4. 快速生成兄弟级标签
    例如:段落p和盒子div要同时生成:p+div
    在这里插入图片描述
    在这里插入图片描述

  5. 生成带有类名或id名的标签
    例如:div有个类名是demo:用div.demo或者.demo(因为默认就是生成div)
    【类名前用.】在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    再举类似例子,段落有个id名:用p#demo(id名前用#)
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  6. 快速生成有顺序的类名的div
    例子:生成5个div递增
    在这里插入图片描述
    在这里插入图片描述

  7. 快速生成标签里面写内容的
    例子:生成5个div里面都写123的:div{123}*5
    在这里插入图片描述
    在这里插入图片描述

  8. 快速生成5个div,里面从1~5
    在这里插入图片描述
    在这里插入图片描述
    78总结:相同内容,则在{}外面*5;不同内容,则在括号里面加$

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值