css综合

1.编码规范

我平时写代码所遵循的规范如下:

  1. 命名都用小写,多个单词时用中划线连接。
  2. 命名用有意义的单词,做到看到名字就明白是干什么的。
  3. 多条属性时,每条属性都占一行,不写在一行。
  4. 每条声明语句的 : 后应该插入一个空格。
  5. 对于以逗号分隔的属性值,每个逗号后面都应该插入一个空格box-shadow: 0 1px 2px #ccc, inset 0 1px 0 #fff

尽可能把 http://codeguide.bootcss.com/ 都做到

2.垂直居中的各种方式

  1. 利用上下padding垂直居中 http://js.jirengu.com/mubofijadu/3/edit
  2. 利用行高与高度相等居中 http://js.jirengu.com/dumicilesi/2/edit
  3. 利用绝对定位和transforms属性 http://js.jirengu.com/boweqewesi/2/edit
  4. 利用绝对定位和负margin属性 http://js.jirengu.com/qoxojuyazi/2/edit
  5. 利用vetical-align属性 http://js.jirengu.com/ratepeyowe/2/edit
  6. 利用table-cell属性居中 http://js.jirengu.com/gonirufize/2/edit

3.实现下列效果

duihuakuang.png

代码地址 http://js.jirengu.com/tayihubema/3/edit

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

推荐阅读更多精彩内容

  • 一,说一说你平时写代码遵守的编码规范 1.css选择器离{}一个空格2.css一个属性占一行3.(color: r...
    进击的前端_风笑影阅读 1,904评论 0 0
  • 说一说你平时写代码遵守的编码规范1.命名一律使用小写2.尽量使用基于功能写命名;如class=".content"...
    Komolei阅读 2,642评论 0 0
  • HTML、CSS的一些编码规范 HTML:用两个空格表示缩进。嵌套元素应当缩进一次。对于属性的定义,确保全部使用双...
    liushaung阅读 2,435评论 0 2
  • 1、 前端编码规范 HTML书写规范 所有编码均遵循xhtml标准, 标签 & 属性 & 属性命名 必须由小写字母...
    李博洋li阅读 2,662评论 0 0
  • 说一说你平时写代码遵守的编码规范 尽量用最简单的最少的规则去控制 能用css控制的,不要用js去控制 如果不考虑低...
    好好顽阅读 1,222评论 0 0