任务13

1. 说一说你平时写代码遵守的编码规范
结合我自身有限的编码经验,谈谈我目前遵守的编码规范:
(1)尽量选取语义化的标签。虽然未做到100%,但段落、头部、尾部、导航、标题等等元素我都选取最适合的语义化标签进行编码;
(2)元素的id和类名我遵循按功能或内容命名。例如:外侧包裹我取名是wrapper,内容部分取名是content等。
(3)命名用引号包裹。编码时命名都使用双引号包裹。
(4)命名体现功能,绝不设计样式表现。
(5)tab用两个空格表示。对于代码的缩进我严格遵循。
(6)每条样式声明后我都加了分号。
(7)每条样式声明我都换行。
没有做到的规范:
(1)样式声明中的:后没加空格,{前没加空格。
(2)颜色虽然使用小写但没有使用缩写,如:#ffffff -> #fff。
(3)小数仍写前缀,应当省去。如:0.5s -> .5s。
(4)没有尽量缩写样式。对于margin、font这样能缩写的属性有时候还是分开写,应当尽量缩写。
当然还有其他规范,因为目前编码经验有限,以后遇到了再逐步规范。

2. 垂直居中有几种实现方式,给出代码范例
(1)设置父容器上下内边距。
代码1
(2)子容器绝对定位并进行偏移。
代码2
(3)伪类、inline-block、vertical-align结合。
代码3
(4)table-cell实现。
代码4
(5)单行文本用line-height实现。
代码5
(6)flex实现。
代码6

3. 实现如下效果,每种效果都只使用一个html 标签来实现
(1)代码1
(2)代码2
(3)代码3

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

推荐阅读更多精彩内容

  • 1、说一说你平时写代码遵守的编码规范 2、垂直居中有几种实现方式,给出代码范例 3、实现如下效果,每种效果都只使用...
  • 1.说一说你平时写代码遵守的编码规范 答:基本会按照如下链接内容遵守编码规范:http://codeguide.b...
    饥人谷_牛牛阅读 243评论 0 0
  • 1.说一说你平时写代码遵守的编码规范 HTML 语义化语义化标签优先;基于功能命名、基于内容命名、基于表现命名;简...
    饥人谷_潇湘情绪雨阅读 263评论 0 0
  • 1、说一说你平时写代码遵守的编码规范 语义化语义化标签优先基于功能命名,基于内容命名,基于表现命名简略,明了,无后...
    饥人谷_醉眼天涯阅读 220评论 0 0
  • 对这个世界的爱 也有一个台风眼 都是对你的爱 这个世界就是你 每一眼都深情 远处的青山 湛蓝的天空 都是你的化身 ...
    雨木西阅读 321评论 4 15