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的解析顺序:从最右选择器进行筛选,然后依次向左进行过滤
选择器层级不要超过三层,否则容易影响相率
网友评论