[关闭]
@BookThief 2014-12-25T09:00:23.000000Z 字数 785 阅读 1002

Sublime 快捷键

——这也是一篇随着学习不断更新的笔记

DevStudy Tools


转载请注明出处 https://www.zybuluo.com/BookThief/note/57748 --by BookThief

Sublime 自有快捷键

  这个由于时间关系,没法做gif图片,先搁置一下。

Emmet 快捷键

HTML 标签

  输入一下字符后按 Tab 以自动补全。

I、模板初始化

html:5  ||  !                               # 生成 html5 模板
html:xt                                     # xhtml 模板
html:4s                                     # html 4 严格文档 模板

II、快速输入

tag.id#class{container}

example:    a.id#link{这是一个链接}
result:     <a href="" class="id" id="link">这是一个链接</a>

III、嵌套标签

example:    h1+(.div>h2)^(p>span)
result:     <h1></h1>
            <div class="div">
                <h2></h2>
            </div>
            <p><span></span></p>

其实更多的使用是列表:
example:    nav>ul.nav>li.nav-item$*3>a  
result:     <nav>
                <ul class="nav">
                    <li class="nav-item1"><a href=""></a></li>
                    <li class="nav-item2"><a href=""></a></li>
                    <li class="nav-item3"><a href=""></a></li>
                </ul>
            </nav>

CSS 样式

参考资料

[1]. Emmet:HTML/CSS代码快速编写神器

转载请注明出处 https://www.zybuluo.com/BookThief/note/57748 --by BookThief

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注