在今后的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. Spark 学习笔记1 (常见术语 )

    本来没打算学Spark 的,不过时机很逗. 最膜拜的大神做spark分享,还是其中最好玩的notebook.这不就是另外一个 HUE吗,但感觉更好玩. 刚好新的Spark 2.x 要问世了,大神在组织 ...

  2. 【caffe】未定义函数或变量caffe_

    @tag: caffe windows10上配置好caffe后(配置了matlab接口),运行caffe-master/matlab/demo/classification_demo.m报错,提示: ...

  3. 【BZOJ-1670】Building the Moat护城河的挖掘 Graham扫描法 + 凸包

    1670: [Usaco2006 Oct]Building the Moat护城河的挖掘 Time Limit: 3 Sec  Memory Limit: 64 MBSubmit: 464  Solv ...

  4. 【bzoj1086】 scoi2005—王室联邦

    http://www.lydsy.com/JudgeOnline/problem.php?id=1086 (题目链接) 题意 求将树分为几个联通块,每个联通块大小大于B小于3B,是否可行. Solut ...

  5. Zend Guard Loader/Zend Loader是干什么的

    Zend Guard Loader 是加速php的,能提高30%—40%速度.PHP 5.3.X 开始 Zend Optimizer 正式被 Zend Guard Loader 取代.在PHP 5.5 ...

  6. 解析window.open链接的参数

    ); var arr = new Array(); arr = str.split("&"); ){ ; i<arr.length; i++){ ){ ); if(p ...

  7. C#皮肤制作

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; u ...

  8. MACOS 答题器,界面跳转

    国内OSX开发的资料实在少,甚至连一本开发的书都找不到… 更无语的是,苹果自家的开发文档Sample Code不仅还停留在OC版本,还是MRC的… 在这样的情况下,OSX开发还真得靠“想象力”… 网上 ...

  9. centos7安装mplayer的方法

    首先是要获取源代码. 首先是主程序的源代码. 打开你的终端,按照我的命令一步一步来: cd Download svn checkout svn://svn.mplayerhq.hu/mplayer/t ...

  10. Beta Daily Scrum 第七天

    [目录] 1.任务进度 2.困难及解决 3.燃尽图 4.代码check-in 5.总结 1. 任务进度 学号 今日完成 明日完成 612 app已完成 将APP交给客户使用 615 app已完成 将A ...