几乎所有的html + css 内容的编写, 都可以通过emmet来写
在今后的html编写中, 强迫 / 必须 使用 emmet来编写html代码了
!!!! 只使用zen coding, 只使用emmet 来编写, 再也不用以前的那种移动过去移动过来的 写法:
原始的写法又慢, 又痛苦, 不停的移动鼠标, 好老火!
内容用{...}表示, 如果内容需要亚文填充, 虽然不能一次性的用lipsum等来生成, 但是可以在 "emmet表达式" 中先把lipsum写起,后面补充起来就更快
- 现在来说, 写html就像写 "数学表达式一样"了.
- 只有两种表示假文的 关键字: lipsum lorem
- 自动生成括号 包括 的还是很重要且 有必要的, 因为在写 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来写的更多相关文章
- 如何提升我的HTML&CSS技术,编写有结构的代码
前言 之前写了四篇HTML和CSS的知识点,也相当于是一个知识点汇总.有需要的可以收藏,平时开发过程中应该会遇到这些点,到时候再查看这些博客可能更容易理解.从这篇开始更多的介绍开发过程经常让人头痛的前 ...
- 【转】css布局居中和CSS内容居中区别和对应DIV CSS代码
原文地址:http://www.divcss5.com/jiqiao/j771.shtml css布局居中和CSS内容居中区别和对应DIV CSS代码教程与图文代码案例篇 对于新手来说DIV CSS布 ...
- 转载: Emmet:HTML/CSS代码快速编写神器
Emmet:HTML/CSS代码快速编写神器 因为文章严禁转载,那本着做一个遵纪守法的好公民,我就不转载了,把链接放下面,方便查阅. http://www.iteye.com/news/27580
- .less css 使用 LESS 简化层叠样式表(CSS)的编写(另外一种css框架 sass)
使用 LESS 简化层叠样式表(CSS)的编写 https://less.bootcss.com/ Sass完全兼容所有版本的CSS https://gojs.net/latest/samples/f ...
- ie8 background css没有显示?——都是空格惹的祸
ie8 background css没有显示?——都是空格惹的祸
- web.xml中的dispatchservlet后,js,css,甚至gif都不能正常显示
这个可以说是很多初学Springmvc的人都会碰到一个令人头痛的问题 那就是为什么我配置好web.xml中的dispatchservlet后,js,css,甚至gif都不能正常显示了 我们来看看我们配 ...
- 现在有一个长度20的SET,其中每个对象的内容是随机生成的字符串,请写出遍历删除LIST里面字符串含"2"的对象的代码。
现在有一个长度20的SET,其中每个对象的内容是随机生成的字符串,请写出遍历删除LIST里面字符串含"2"的对象的代码. public class RemoveTwo { //le ...
- 《css3实战》读书笔记 第一章 基于CSS需求而编写的HTML.
笔记说明 <CSS3实战手册第3版(影印版)>可以消除Web设计工作的痛苦,并且带给你:HTML--重新入门.如果你是HTML新手,你会学到如何以CSS友好的方式进行基本页面构造.若你是H ...
- Emmet:HTML/CSS代码快速编写神器
本文来源:http://www.iteye.com/news/27580 ,还可参考:http://www.w3cplus.com/tools/emmet-cheat-sheet.html Em ...
随机推荐
- ASCII码对照表
最近做东西常用到,所以就这里和收藏一下,需要注意的是10和13,在windows中文本java会把回车解释成是1310两个字节,在linux下面是10一个字节. 下面是将两个文件读成了二进制之后的结果 ...
- Nginx 日志分享
Nginx 日志对于大部分人来说是个未被发掘的宝藏,总结之前做某日志分析系统的经验,和大家分享一下 Nginx 日志的纯手工分析方式. Nginx 日志相关配置有 2 个地方:access_log 和 ...
- bash的配置
Bash的启动文件 启动文件也是一种脚本,不过它是在Bash在启动之初就执行它的.不同的启动方式使用的启动文件也有不同. 1. 作为交互的登录脚本环境“交互的”是指你可以再这个环境下输入命令.而所谓的 ...
- Android知识体系图
网上看到,不知哪位大神总结的,存个档(需要放大网页才能看清)
- 提高效率的Matlab使用方式
1.花一点时间学习一些提高效率的技巧永远是值得的: 2.总结和记录永远是必要的. Command窗口: Editor窗口: 1.Tab自动补全
- 第一个有点作用的PHP扩展
C/C++去开发PHP扩展 我觉的对于PHP开发人员来说,学的东西非常杂,也非常多,当然了开发PHP扩展也是一个必须要掌握的技能,这里膜拜下大神鸟哥(Laruence)~ 今天要开发的第一个有点功能的 ...
- 本地连接虚拟机上面的redis
想做一个抓取系统,想到用redis存储临时数据可能会比较好些,就想着装个虚拟机,在虚拟机上面安装redis,通过本地来访问虚拟机上面的redis. 虚拟机和redis安装成功之后,发现本地怎么都连接不 ...
- scala break & continue
Scala没有提供break和continue,我们可以自己实现一个,参考例子: import util.control.Breaks._ object BreakDemo { def main(ar ...
- A.Kaw矩阵代数初步学习笔记 4. Unary Matrix Operations
“矩阵代数初步”(Introduction to MATRIX ALGEBRA)课程由Prof. A.K.Kaw(University of South Florida)设计并讲授. PDF格式学习笔 ...
- WCF入门
一.概述 Windows Communication Foundation(WCF)是由微软发展的一组数据通信的应用程序开发接口,可以翻译为Windows通讯接口,它是.NET框架的一部分.由 .NE ...