Emmet/Zen Coding 快速入门说明_html/css_WEB-ITnose

快速参考

以下是支持的特性:

ele creates an HTML element tag
展开一个HTML元素标签 # creates an id attribute
作用于元素标签,展开一个id属性 . creates a class attribute
作用于元素标签,展开一个类属性,一个标签可以跟多个类属性,最终展开会一起呗加入class属性中 [] creates a custom attribute
作用于元素标签,展开一个HTML元素标签的属性,可以是任意非标准属性名称,写法同CSS选择器。 > creates a child element
作用于元素标签或组,紧跟展开一个子元素标签或组,参考CSS选择器 + creates a sibling element
作用于元素标签或组,紧跟展开一个兄弟元素标签或组,参考CSS选择器 ^ climbs up
作用于元素标签或组,紧跟的元素标签或组爬升到上一个层级 * is element multiplication. This creates the same thing n number of times
作用于元素标签或组,展开重复次数,后面跟一个数字。 $ is replaced with an incremental number
配合*使用,代表拷贝的序号 $$ is used for numbers with padding
序号占位,用0填充 {} creates text in an element
展开为文本 () as a group
将标签组作为一组,可嵌套。

ID和类属性:#and.

  1. div#contentRegion.address

登录后复制

自定义属性:[]

  1. div[title]

登录后复制

也可以包含属性值

  1. input[placeholder="Name" type="text"]

登录后复制

子组:>

  1. div#menu>span.item[title]

登录后复制

兄弟组:+

  1. footer>div>a+input

登录后复制

爬升:^

  1. footer>div>a+input^p

登录后复制

重复次数:*

  1. ul>li*4>span

登录后复制

重复序号:$

  1. section>article.item$$*4

登录后复制

文本:{}

  1. ul>li*4>span{Caption $$}

登录后复制Caption 01 Caption 02 Caption 03 Caption 04

组:()

  1. ((a+span)+(a>span))*3

登录后复制

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
编程技术

HTML学习笔记之meta标签_html/css_WEB-ITnose

2025-3-28 13:22:48

编程技术

20款时尚的 WordPress 简洁主题【免费下载】_html/css_WEB-ITnose

2025-3-28 13:22:56

0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索