css小结综合

代码规范

参考https://github.com/fex-team/styleguide/blob/master/css.md2
我平时的代码规范,能做到

  1. 类名后面加空格 再写{ }
  2. 属性名: 加空格 加属性值;
  3. 换行,首行缩进,写嵌套元素内的元素前面加两个空格
  4. 类名小写,类名名称按功能来,类名太长中间用 - 连接,类名能用缩写的用缩写
  5. 颜色值能缩写的缩写 ,如#000000写成#000
    目前能做到的有这些,之后会慢慢加强

垂直居中的几种方式

1.上下padding垂直居中
http://js.jirengu.com/niyekututa/3/edit
2.绝对定位垂直居中
http://js.jirengu.com/qohohuhedo/2/edit
3.vertical-align垂直居中
http://js.jirengu.com/qeqoduwusa/1/edit
4.table-cell 垂直居中
http://js.jirengu.com/xukesivipi/1/edit
5.单行文本line-height垂直居中
http://js.jirengu.com/yavusenazu/2/edit
6.flex布局实现垂直居中
http://js.jirengu.com/zabexacohi/1/edit

实现效果

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,811评论 25 708
  • 1、 前端编码规范 HTML书写规范 所有编码均遵循xhtml标准, 标签 & 属性 & 属性命名 必须由小写字母...
    李博洋li阅读 347评论 0 0
  • 说一说你平时写代码遵守的编码规范1.命名一律使用小写2.尽量使用基于功能写命名;如class=".content"...
    Komolei阅读 338评论 0 0
  • 产品的文档包括 1、BRD:商业需求描述,主要是帮助确定产品是有需求有商业价值的 2、MRD:市场需求描述,主要是...
    夏晓光Tyler阅读 943评论 1 5
  • 就像一个油腻的胖子边舔着冰淇淋边问教练:我为什么瘦不下来? 一个衣橱空空如也的男人问我:我该怎么穿显得我很有品位?...
    时尚先生Esquire阅读 1,256评论 3 22