常见布局技巧

巧妙利用一个技术更快更好的布局：

margin负值巧妙利用

1. 让每个盒子margin 往左侧移动 -1px正好压住相邻盒字边框

2. 鼠标经过某个盒子的时候，提高当前盒子的层级即可（如果没有定位，则加相对定位（保留位置）如果有定位，则加z-index）

文字环绕浮动元素

浮动的本质就是为了给文字环绕，被文字围绕的，所以用浮动更方便快捷

效果如下 

案例代码如下

行内块巧妙运用

1. 把这些链接盒子转换为行内块， 之后给父级指定 text-align: center;

2. 利用行内块元素中间有缝隙，并且给父级添加 text-align: center;行内块元素会水平会居中

CSS初始化可参考京东购物页面

不同浏览器对有些标签的默认值是不同的，为了消除不同浏览器对HTML文本呈现的差异，照顾浏览器的兼容，我们需要对CSS初始化

简单理解：CSS初始化是指重设浏览器的样式 （也称为CSS reset）

每个网页都必须首先进行CSS初始化

以京东CSS初始化网页为例

Unicode编码字体

把中文字体的名称用相应的Unicode编码来代替，就可以有效的避免浏览器解释CSS代码时候出现乱码的问题

比如：

黑体 \9ED1\4F53

宋体\5B8B\4F53

微软雅黑\5FAE\8F6F\96C5\9ED1