Sublime的使用

Normalize.css

只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。
Normalize.css是一种CSS reset的替代方案。经过@necolas和@jon_neal花了几百个小时来努力研究不同浏览器的默认样式的差异，这个项目终于变成了现在这样。

常用插件

Alignment
AutoFileName
BracketHighlighter
ColorPicker
CSS Format
DocBlockr
Emmet
JsFormat
Sidebar Enhancements
Tag
Trailing Spaces
ConvertToUTF8
HTML-CSS-JS Prettify
Terminal

操作技巧

添加/解除注释：Ctrl + /
多窗口编程：View->Layout->Single/Columns:2/rows:2/Grid:4/…
多行编辑：按住Ctrl + 点击光标位置
自动生成：!+Tab（需要安装EMMET）

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
</body>

</html>

预定义样式

fl{float:left;}
fr{float:right;}
.clearfix:after{
  content:'';
  display:block;
  height:0;
  visibility:hidden;
  clear:both;
}

通用安全宽度的盒子

<div class="top-nav">
  <div class="container">

  </div>
</div>

.container{
  width:1226px;
  margin:0 auto;
}

Normalize.css

常用插件

操作技巧

预定义样式

通用安全宽度的盒子

推荐网址

猜你喜欢