1.id 和 class 的命名总规则为：内容优先，表现为辅。⾸先根据内容来命名，⽐如 main-nav。如 果根据内容找不到合适的命名，可以再结合表现来定，⽐如 skin-blue，present-tab，col-main。

作为一个前端工程师，我们可能每天都要写html、css、javascript，每个人写出来的代码都饱含着自己的个人的style也有自己的编码习惯和准则，下面和大家分享一下我的习惯和准则。

前言 嗯，前不久写了一篇我所知道的flex布局-上篇，于是今天来把下篇补上。 容器的属性 既然标题括号括住了语法，那么就直入正题直接来说语法了。 首先设为Flex布局 任何一个容器都可以指定为Flex布局。 {代码...} 行内元素也可以使用flex布局 {代码...} Webkit内核的浏览器，必须加上-webkit前缀 {代码...} 注意，设为F...

你还在用display+position+float来进行css布局吗？有没有觉得用传统的这种布局方法来实现特殊布局特别麻烦困难，例如：垂直居中。今天来记录一下自己对flex布局的了解（虽然不算神马新东西了都可以说是旧东西了~~~）

众所周知，浮动模型是一种可视化格式模型。浮动的框可以左右移动（即：float：left;float:right），直到它的外边缘碰到包含框或另一个浮动框的边缘。浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在似的。