博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
VS Code Html Zen coding
阅读量:4538 次
发布时间:2019-06-08

本文共 549 字,大约阅读时间需要 1 分钟。

原文:

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:

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

posted @
2019-01-15 15:14 阅读(
...) 评论(
...)
posted on 2019-02-15 11:18 阅读( ...) 评论( ...)

转载于:https://www.cnblogs.com/lonelyxmas/p/10382582.html

你可能感兴趣的文章
数组0元素后置算法
查看>>
web.xml文件详解
查看>>
删除排序数组中的重复数字
查看>>
Linux下MySQL安装配置
查看>>
SQL之排序检索(order by子句)
查看>>
Python_内置函数2_44
查看>>
kettle-SQL文件输出
查看>>
TeeChart 的应用
查看>>
sybase powerdesigner 16.5注册码
查看>>
错误:已经有针对IP 192.168.1.107:8000的侦听,原因是因为这个行为配置,去掉后服务Open成功...
查看>>
android的listview中getview()的问题
查看>>
switch语句
查看>>
ie6-ie8中不支持opacity透明度的解决方法
查看>>
视图事件穿透
查看>>
HDU 5428 分解质因数
查看>>
用Jekyll搭建的Github Pages个人博客实践2
查看>>
masonry
查看>>
ContentProvider初步-------------------笔记
查看>>
asp.net网站中退出系统后通过后退键重新进入系统的解决方法
查看>>
Software Configure
查看>>