css实战技巧

css规避脱标标准流（常规流）是极其稳定的写法，很多地方，我们尽量使用标准流优先选择标准，其次使用float，最后选择定位1.margin-left: auto;左外侧边距自动不使用浮动块级元素也可以到右侧2.vertical-align和inline-block的使用让一个盒子和文字对齐,.display: inline-block;vertical-align: middle;margin-top: -8px;css元素可见性overflow: hidden;  隐藏超出的那部分display: none;    不显示元素 同时也不占位置visibility: hidden;  不显示元素 但是占有位置css标签包含常用标签嵌套1.内联元素却不能包含块元素，它只能包含其他的内联元素2.有些块元素不能放其他块级元素标题标记的

段落标记的

分隔线

和3.a标签不能嵌套a和input标签，能嵌套的标签像等等

css内容移除某个区域

常用于logo优化

1.利用text-index: -2000em;

2.利用padding挤开盒子并且overflow切割

3.利用margin拉动盒子配合overflow切割

消除inline-block中的空隙

行内块之间会有缝隙，去掉的方法

1.去除空格，把代码放在一行上

2.使用margin负值

3.给父级添加font-size:0;

4.使用letter-spacing或者word-spacing

5.使用float方式

css的选择器解析顺序

css的解析顺序：从最右选择器进行筛选，然后依次向左进行过滤

选择器层级不要超过三层，否则容易影响相率