入门任务13

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

以bootstrap编码规范为基准,尽量遵守这个标准 传送门

  • 语义化
    尽量使用语义化的标签,设置class的时候要基于结构内容、功能以及表现来命名,要简洁明了,没有后患。
  • 命名范例
  • 所有命名用英文小写
  • 命名用引号包裹
  • 用中横线连接
  • 命名体现功能,不涉及表现样式(颜色,字体,边框,背景等)
  • 书写规范
  • tab用两个空格表示
  • css的:后加个空格,{前加个空格
  • 每条声明后都加;
  • 每条声明放一行
  • 颜色用小写,用缩写#fff
  • 对于属性值或颜色参数,省略小于 1 的小数前面的 0 (例如,.5 代替 0.5;-.5px 代替 -0.5px)
  • 避免为 0 值指定单位,例如,用 margin: 0; 代替 margin: 0px;

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

块级元素垂直居中

task.png

绝对定位垂直居中

task.png

text-align垂直居中

task.png

table-cell垂直居中

task.png

效果范例代码

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

推荐阅读更多精彩内容

  • 1.说一说你平时写代码遵守的编码规范 HTML 语义化语义化标签优先;基于功能命名、基于内容命名、基于表现命名;简...
    饥人谷_潇湘情绪雨阅读 261评论 0 0
  • 1、说一说你平时写代码遵守的编码规范 2、垂直居中有几种实现方式,给出代码范例 3、实现如下效果,每种效果都只使用...
  • 一些重要的编程规范 语义化标签,我认为初期对于这块不是很有概念,今后会在实战中改善。 命名只用英文小写,中横线替代...
    shawnzx阅读 507评论 0 49
  • 下面对于定义函数与方法的最佳实践是来自比如Clean Code: A Handbook of Agile Soft...
    嘻嘻zhy阅读 267评论 0 1
  • # 如果有抑郁倾向,请不要阅读这篇日记 # 到晚上的时候,身体很疲惫,脑子却好像忽然醒过来了一样,忽然多了很多想要...
    糖不二阅读 258评论 0 0