zoukankan      html  css  js  c++  java
  • VS Code Html Zen coding

    zen coding是一种编写html和css的方法, 很快捷. 

    打开Views/Home/About.cshtml, 然后在空白处输入div然后按Tab:

    随后完整的div标签就出来了:

    zen coding允许你使用css选择器进行更复杂的结构化写法, 例如输入 div>p>ul>li:

    然后立即按Tab, 就会出现下列代码:

    如果想重复5个li, 那么输入 div>p>ul>li*5:

    如果想加上class属性, div>p>ul.list-group>li.list-group-item*5:

    一个建立bootstrap form的例子,

    form>(.form-group>label+input.form-control)*4+.form-group>input[type=submit].form-control

    就会生成下面的form:

    其中+表示下一个元素中括号可以写其他属性.

  • 相关阅读:
    数组
    JavaScript语法
    Math.random()
    第二第三周暑期集训总结
    第一周
    ACM课程学习总结
    专题四---总结
    专题四--1004
    专题四--1005
    专题四--1006
  • 原文地址:https://www.cnblogs.com/xtjatswc/p/10272071.html
Copyright © 2011-2022 走看看