在今后的html编写中, 强迫 / 必须 使用 emmet来编写html代码了

!!!! 只使用zen coding, 只使用emmet 来编写, 再也不用以前的那种移动过去移动过来的 写法:

原始的写法又慢, 又痛苦, 不停的移动鼠标, 好老火!

内容用{...}表示, 如果内容需要亚文填充, 虽然不能一次性的用lipsum等来生成, 但是可以在 "emmet表达式" 中先把lipsum写起,后面补充起来就更快

  1. 现在来说, 写html就像写 "数学表达式一样"了.
  2. 只有两种表示假文的 关键字: lipsum lorem
  3. 自动生成括号 包括 的还是很重要且 有必要的, 因为在写 emmet表达式的 时候, 需要括号匹配.

在linux的 fedora 23 中, 输入法不叫 "input method" 而是叫 "source".

liunx中, 是先有 "输入法框架", 然后才有输入法, 一个输入法框架下可以有多种输入法.   有三种常用的输入法框架: fcitx['faitiks], scim , ibus(是用c++写的界面), 可以有多种输入法框架共存. linux下的中文输入法, 是中国人自己写的, ibus可能开启词库 Dictionary要快一些, 有时反应还是有点慢.

linux下可以(windows下不可以) 实现不同的窗口使用不同的输入法. 而windows的输入法是全局的, 是针对所有窗口的. "use the same source for all windows | Allow different source for each window ". 这个是很有现实作用的: 比如在workspace1 的 firefox中, 需要开启使用 "中文", 而在workspace2 的vim编程下 就不需要使用中文, 使用纯粹的 en.

分辨输入法: 凡是显示为 "en"的就是纯英文输入; 凡是用"中""英"汉字来表示的, 就是中文输入法, "英"是中文输入法下的 英语输入状态.

==================================================== ==

!! 但是, 要注意, emmet 对css的支持, 好像只有在 专门的 <style> div{ w40p } </style> style标签中, 在html的 style标签 中, 好像是不能 生效的的!!??

注意区别 snipMate和emmet对script的区别: 在snipMate中, script是扩展成 type=text/...., 而emmet中是扩展成src=.... 根据自己的需要进行选择.

几乎所有的html + css 内容的编写, 都可以通过emmet来写的更多相关文章

  1. 如何提升我的HTML&CSS技术,编写有结构的代码

    前言 之前写了四篇HTML和CSS的知识点,也相当于是一个知识点汇总.有需要的可以收藏,平时开发过程中应该会遇到这些点,到时候再查看这些博客可能更容易理解.从这篇开始更多的介绍开发过程经常让人头痛的前 ...

  2. 【转】css布局居中和CSS内容居中区别和对应DIV CSS代码

    原文地址:http://www.divcss5.com/jiqiao/j771.shtml css布局居中和CSS内容居中区别和对应DIV CSS代码教程与图文代码案例篇 对于新手来说DIV CSS布 ...

  3. 转载: Emmet:HTML/CSS代码快速编写神器

    Emmet:HTML/CSS代码快速编写神器 因为文章严禁转载,那本着做一个遵纪守法的好公民,我就不转载了,把链接放下面,方便查阅. http://www.iteye.com/news/27580

  4. .less css 使用 LESS 简化层叠样式表(CSS)的编写(另外一种css框架 sass)

    使用 LESS 简化层叠样式表(CSS)的编写 https://less.bootcss.com/ Sass完全兼容所有版本的CSS https://gojs.net/latest/samples/f ...

  5. ie8 background css没有显示?——都是空格惹的祸

    ie8 background css没有显示?——都是空格惹的祸

  6. web.xml中的dispatchservlet后,js,css,甚至gif都不能正常显示

    这个可以说是很多初学Springmvc的人都会碰到一个令人头痛的问题 那就是为什么我配置好web.xml中的dispatchservlet后,js,css,甚至gif都不能正常显示了 我们来看看我们配 ...

  7. 现在有一个长度20的SET,其中每个对象的内容是随机生成的字符串,请写出遍历删除LIST里面字符串含"2"的对象的代码。

    现在有一个长度20的SET,其中每个对象的内容是随机生成的字符串,请写出遍历删除LIST里面字符串含"2"的对象的代码. public class RemoveTwo { //le ...

  8. 《css3实战》读书笔记 第一章 基于CSS需求而编写的HTML.

    笔记说明 <CSS3实战手册第3版(影印版)>可以消除Web设计工作的痛苦,并且带给你:HTML--重新入门.如果你是HTML新手,你会学到如何以CSS友好的方式进行基本页面构造.若你是H ...

  9. Emmet:HTML/CSS代码快速编写神器

    本文来源:http://www.iteye.com/news/27580    ,还可参考:http://www.w3cplus.com/tools/emmet-cheat-sheet.html Em ...

随机推荐

  1. 【BZOJ-3572】世界树 虚树 + 树形DP

    3572: [Hnoi2014]世界树 Time Limit: 20 Sec  Memory Limit: 512 MBSubmit: 1084  Solved: 611[Submit][Status ...

  2. ping: icmp open socket: Operation not permitted的解决办法

    这个是root权限造成的,我们从 ls -l /bin/ping 可以看出 指向了root用户. 那么我们在使用时,有如下操作: 1.直接在前面加sudo sudo ping 192.168.199. ...

  3. 环信webim1.1.2版本在windows下npm环境搭建错误解决

    1.1.2版本的webim从ui到整体的代码结构都做了很大改变,从代码结构上采用node.js的环境进行开发和打包,最终打包的输出项目,不依赖node.js的环境进行运行,得益于webpack的打包实 ...

  4. Linux Crontab 定时任务 命令详解

    一. Crontab 介绍 crontab命令的功能是在一定的时间间隔调度一些命令的执行. 1.1 /etc/crontab 文件 在/etc目录下有一个crontab文件,这里存放有系统运行的一些调 ...

  5. powershell小工具

    保存为.ps1文件Set-ExecutionPolicy UnrestrictedSet-ExecutionPolicy Restricted 1. 批量修改文件后缀 $CodeFileDir=&qu ...

  6. css3新增属性API

    写在前面:由于CSS5标准还未完全订下来,所以各种内核的浏览器都有自己的标准,为了不使属性混淆,所以各家在各自标准前加了一个前缀. -moz-  主要是firefox火狐 -webikt-主要是chr ...

  7. Docker入门教程(九)10个镜像相关的API

    Docker入门教程(九)10个镜像相关的API [编者的话]DockerOne组织翻译了Flux7的Docker入门教程,本文是系列入门教程的第九篇,重点介绍了镜像相关的Docker Remote ...

  8. Docker入门教程(六)另外的15个Docker命令

    Docker入门教程(六)另外的15个Docker命令 [编者的话]DockerOne组织翻译了Flux7的Docker入门教程,本文是系列入门教程的第六篇,继续介绍Docker命令.之前的第二篇文章 ...

  9. Processing Images

    https://developer.apple.com/library/content/documentation/GraphicsImaging/Conceptual/CoreImaging/ci_ ...

  10. git-tag

    标签可以针对某一时间点的版本做标记,常用于版本发布. 列出标签 $ git tag # 在控制台打印出当前仓库的所有标签 $ git tag -l 'v0.1.*' # 搜索符合模式的标签 打标签 g ...