CSS 综合

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

1.要合适使用命名,尽量语义化。
2.tab用两个空格表示。
3.css的:加个空格。
4.每条声明加个分号。
5.换行,而不是放到一行。
6.颜色用小写,用缩写,例如#fff;
7.小树不用前缀,例如.5 .3==0.5 0.3
8.可以用缩写的尽量用缩写。。

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

  • 设置上下padding相等;
Paste_Image.png
  • 绝对定位的方式居中。

    1. 宽高固定的情况下:
Paste_Image.png
Paste_Image.png
  1. 宽或者高不固定的情况下:
    利用css3的属性,transform:translate(-50%,-50%);会有兼容性问题;


    Paste_Image.png
  • 使用vertical-ailgn居中:
    首先vertical-align作用在行内元素,或者表格才生效。
    ps: 原理就是给包裹的行内元素一个参照物,一起垂直居中。


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

推荐阅读更多精彩内容

  • 1.说一说你平时写代码遵守的编码规范 命名技巧语义化标签优先基于功能命名、基于内容命名、基于表现命名简略、明了、无...
    谨言_慎行阅读 1,430评论 0 0
  • 说一说你平时写代码遵守的编码规范常见的编码规范语义化:1.语义化标签优先2.基于功能命名、基于内容命名、基于表现命...
    24_Magic阅读 1,644评论 0 0
  • 浅谈编码规范 命名技巧 语义化标签优先 基于功能命名、基于内容命名、基于表现命名 简略、明了(翻译成英文) 所有命...
    饥人谷_秦勤阅读 2,801评论 0 0
  • CSS编码规范 命名规范:语义化标签优先;基于功能命名、基于内容命名、基于表现命名;简略、明了、无后患 书写规范:...
    饥人谷_哈噜噜阅读 2,532评论 0 0
  • 编码规范 所有命名都使用英文小写 命名用引号包裹 用中横线连接 命名体现功能,不涉及表现样式(颜色、字体、边框、背...
    饥人谷_bigJiao阅读 1,482评论 0 0