不是一个新东西,但它确实是个好东西。只能说我OUT了,这小插件还是在别人博客上一年前的日志里看到的,先来个链接吧,写的已经很详细了,我这里只是给自己做个记录,留给自己看的。(Zen Coding: 一种快速编写HTML/CSS代码的方法)

  那Zen Coding到底是什么,又是如何使用的呢?我们看一下官方举的例子吧,如果你输入:

div#page>div.logo+ul#navigation>li*5>a

  就会看到这样的输出:

<div id="page">
         <div class="logo"></div>
         <ul id="navigation">
                 <li><a href=""></a></li>
                 <li><a href=""></a></li>
                 <li><a href=""></a></li>
                 <li><a href=""></a></li>
                 <li><a href=""></a></li>
         </ul>
</div>

  有点看不懂了吧?那我们再来看个视频,不过有点模糊。

  实际上,Zen Coding就是把长代码用短代码代替,而短代码会自动生成需要的长代码。说的有点白话,不过这样应该能理解。

  Zen Coding支持很多ide,你可以去网站上找适合你的插件。

  表达能力实在欠缺,我还是留2个链接给自己存档吧:CSS和HTML缩写和片段

  总的来说,Zen Coding能大大减少我们在css和html上的编码时间,但高效的写法还是需要一定的练习才能掌握,如果你也喜欢,不妨试一试。

本文转自胡尐睿丶博客园博客,原文链接:http://www.cnblogs.com/hooray/archive/2011/04/26/2029207.html,如需转载请自行联系原作者

发现一个特给力的编写HTML/CSS的插件——Zen Coding相关推荐

  1. 这两天发现一个老外用JavaScript编写的好东西:dp.SyntaxHighlighter。

    dp.Synta 来源http://blog.s135.com/post/226/ r介绍:在网页中加亮显示源代码的工具[原创]  大 | 中 | 小  [ 2007-4-19 14:56 | by  ...

  2. 发现一个好用的视频下载器(浏览器插件)Cococut

    这个下载器强力在能"强力"下载视频流 官方简介: 最佳视频下载器edge扩展程序,可快速轻松地下载edge中的视频或音频.使用此视频下载器,您可以从数千个网站下载任何视频.它可以下 ...

  3. Zen Coding: 一种快速编写HTML/CSS代码的方法

    译自:Smashing Magazine 中文:Zen Coding: 一种快速编写HTML/CSS代码的方法 请尊重版权,转载请注明来源! 在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开 ...

  4. 最近发现一个爬虫开源项目weixin_crawler

    最近发现一个爬虫开源项目weixin_crawler weixin_crawler weixin_crawler是一款使用Scrapy.Flask.Echarts.Elasticsearch等实现的微 ...

  5. dojo还有人用吗_我的Dojo中有一个Mojo(如何编写Maven插件)

    dojo还有人用吗 我一直忙于在工作中使用Maven的腋窝. 对于很多开发人员,我会听到:"那又怎样." 区别在于,我通常在无法直接访问Internet的环境中工作. 因此,当我说 ...

  6. 我的Dojo中有一个Mojo(如何编写Maven插件)

    我一直忙于在工作中使用Maven的腋窝. 对于很多开发人员,我会听到:"那又怎样." 不同之处在于,我通常在无法直接访问Internet的环境中工作. 因此,当我说我经常使用Mav ...

  7. 如何用vbs编写一个游戏_如何编写一个 SkyWalking 插件

    点击上方"开源社"关注我们 | 作者:vcjmhg| 编辑:李明康| 责编:袁睿斌 | 设计:叶修缘丶 1 概述 之前几篇文章,我们着重介绍了在对 SkyWalking 进行二次开 ...

  8. 如何编写一个抢购bot_如何编写一个SkyWalking插件

    概述 之前几篇文章,我们着重介绍了在对SkyWalking进行二次开发之前的环境搭建问题,因此本篇文章将基于SkyWalking-8.1.0版本,以开发webflux-webclent插件为例,分享一 ...

  9. 发现一个好东西-腾讯云函数

    发现一个好东西-腾讯云函数  Lan   2020-04-05 10:42   366 人阅读  1 条评论 可用于定时执行python文件,可以做一些自动签到之类的事情. 并且还有免费额度,个人用户 ...

  10. G2:一个由纯 javascript 编写、强大的语义化图表生成工具

    原名G2,现在更名AntV 阿里出了一套js库跟Highcharts类似,但还是有区别的highcharts在生成图片或PDF要发送请求到服务器上生成后返回.G2不需要,是不是very nice? G ...

最新文章

  1. 2016/3/10 PHP (超文本预处理器) 是什么?
  2. 边缘计算架构_边缘计算架构梳理
  3. Java调用.NET的WCF
  4. 你绝对想不到R文件找不到(cannot resolve symbol R)的原因
  5. 【渝粤教育】广东开放大学 PHP动态网站设计 形成性考核 (48)
  6. 微型计算机实验报告温度控制,单片机、可编程控制器实验教学大纲.doc
  7. SpringCloud服务注册与发现Eureka
  8. 为什么使用getrequestdispatcher跳转出现404_网站出现404错误时的处理方法
  9. 【图像处理】基于matlab GUI数字图像处理【含Matlab源码 652期】
  10. 【MATLAB】信号与系统 — 抽样函数
  11. java 根据条件从List中筛选出符合条件的集合
  12. 『与善仁』Appium基础 — 3、移动端测试环境搭建(三)之AVD模拟器安装
  13. 软件测试面试必看宝典(含面试题和笔试题)
  14. 排列组合算法(全排列、全组合)
  15. Python计算机视觉——基于BOW的图像检索
  16. Verilog HDL语言入门(一)
  17. ▷Scratch课堂丨【编程趣味卡11】虚拟宠物
  18. 小米宣布加入鸿蒙,鸿蒙os适配高通芯片,小米OV被传加入鸿蒙阵营
  19. 05 地图添加底图切换控件
  20. xxx is not in the sudoers file.This incident will be reported错误

热门文章

  1. Atitit 数据库与存储引擎设计与实现 attilax总结 1.1. 数据库的实现有很多种, 遵循一些理论规范,如 Fix Rules、Write-Ahead Log、Force-log-at-
  2. Atitit 架构之道 attilax著 1. 架构的目的是什么??提高架构可读性。。提高扩展性。。对兼容性也有一定提升。。 3 1.1. 伸缩性架构设计 3 1.2. 提升性能架构 3 1.3.
  3. atitit. 深入理解Cohesion)原理ad  attilax大总结
  4. Atitit 查询优化器的流程attilax总结
  5. Atitti 跨语言异常的转换抛出 java js
  6. qqzoneQQ空间漏洞扫描器的设计attilax总结
  7. Atitit.atiDataStoreService   v2 新特性
  8. 姚前:算法经济与算法监管
  9. 积募解读 | 私募资产配置基金管理人来了,到底可以做什么?
  10. (转)JD-Quant量化交易平台设计:延迟latency