入门任务13

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

HTML

  • 语义化
    • 语义化标签优先;
    • 基于功能命名、基于内容命名、基于表现命名;
    • 简略、明了、无后患;
  • 所有命名都使用英文小写;
  • 命名用引号包裹;
  • 用中横线连接;
  • 命名体现功能,不涉及表现样式(颜色、字体、边框、背景等);
    CSS
  • tab 用两个空格表示;
  • css的 :后加个空格, {前加个空格;
  • 每条声明后都加上分号;
  • 换行,而不是放到一行;
  • 颜色用小写,用缩写, #fff;
  • 小数不用写前缀, 0.5s -> .5s;0不用加单位;
  • 尽量缩写, margin: 5px 10px 5px 10px -> margin: 5px 10px;

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

1.上下padding相等 例一
2.绝对定位实现居中 例二
3.vertical-align实现居中 (作用在行内元素或表格) 例三
4.table-cell 实现居中 例四
5.flex实现居中

3.实现如下效果,每种效果都只使用一个html 标签来实现

代码范例

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

推荐阅读更多精彩内容

  • 1、说一说你平时写代码遵守的编码规范 2、垂直居中有几种实现方式,给出代码范例 3、实现如下效果,每种效果都只使用...
  • 说一说你平时写代码遵守的编码规范## 以bootstrap编码规范为基准,尽量遵守这个标准 传送门 语义化尽量使用...
    饥人谷_zhangfan阅读 137评论 0 0
  • 一些重要的编程规范 语义化标签,我认为初期对于这块不是很有概念,今后会在实战中改善。 命名只用英文小写,中横线替代...
    shawnzx阅读 509评论 0 49
  • 内容:第十、十一章 在找出问题并解决后,一篇报告就应该成文了。除了第一篇提到的序言和提纲写法,在修辞、格式和形式上...
    嗒嗒以阅读 291评论 0 0
  • 正当我们魔都人感叹不知何时才能买得起房,有同样困扰的还有其他不同城市,不同国家的人们。住房问题已经成为了一个刚需的...
    林小路阅读 850评论 0 6