css综合

作者: 进击的前端_风笑影 | 来源:发表于2017-07-26 20:38 被阅读0次

    一,说一说你平时写代码遵守的编码规范

    1.css选择器离{}一个空格
    2.css一个属性占一行
    3.(color: red)值离冒号一个空格
    4.class命名要语义化,用小写,尽量根据其功能、内容命名
    5.每条声明后加分号

    二,垂直居中有几种实现方式,给出代码范例

    1.transform: translate(50%,50%)http://js.jirengu.com/levutiyufa/4/edit
    2.使用vertical-align代码如下:http://js.jirengu.com/juhasuquma/2/edit
    3.使用负margin:left: 50%;top: 50%;margin-left: -(元素宽度的一半)margin-top:-(元素高度的一半)http://js.jirengu.com/cugocuqayu/1/edit
    4.利用display: table-cell 代码如下http://js.jirengu.com/vopuweqeya/2/edit
    5.利用上下padding等值来实现垂直居中http://js.jirengu.com/vuwificumi/3/edit

    三,实现如下效果

    http://js.jirengu.com/qukotumiza/1/edit

    相关文章

      网友评论

          本文标题:css综合

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