css实战技巧

作者: 小白你怎么这么白 | 来源:发表于2017-03-15 08:46 被阅读7次

    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的解析顺序:从最右选择器进行筛选,然后依次向左进行过滤

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

    相关文章

      网友评论

        本文标题:css实战技巧

        本文链接:https://www.haomeiwen.com/subject/fooknttx.html