任务13

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

答:基本会按照如下链接内容遵守编码规范:http://codeguide.bootcss.com/
如:关于命名
1.语义化标签优先
2.命名体现功能,不涉及表现样式(颜色、字体、边框、背景等)
3.所有命名都使用英文小写
4.命名用引号包裹
5.用中横线连接
6.关于html与css
7.嵌套元素应当缩进一次(即两个空格)
8.减少标签的数量
9.为选择器分组时,将单独的选择器单独放在一行。
css的 :后加个空格, {前加个空格
1.每条声明后都加上分号
2.换行,而不是放到一行
3.颜色用小写,用缩写, #fff
4.小数不用写前缀, 0.5s -> .5s;0不用加单位
5.尽量缩写, margin: 5px 10px 5px 10px -> margin: 5px 10px

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

1.绝对定位实现垂直居中方法1:http://js.jirengu.com/falov/10/edit?html,css,output
2.绝对定位实现垂直居中方法2:http://js.jirengu.com/zarog/3/edit?html,css,output
3.绝对定位实现垂直居中方法3:http://js.jirengu.com/kifit/3/edit?html,css,output
4.vertical-align实现垂直居中:http://js.jirengu.com/xomib/3/edit?html,css,output
5.table-cell实现垂直居中:http://js.jirengu.com/qufol/3/edit?html,css,output

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

代码1、2:http://js.jirengu.com/buyep/6/edit?html,css,output
代码3:http://js.jirengu.com/jozab/3/edit?html,css,output

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

推荐阅读更多精彩内容

  • 说一说你平时写代码遵守的编码规范 html1.语义化标签优先2.基于功能命名、基于内容命名、基于表现命名 css1...
    饥人谷_严琰阅读 231评论 0 0
  • 1.编码规范 tab用两个空格表示css的:后加空格,{前加空格每条声明后加;每条命令换行,不放到一行颜色用小写和...
    我七阅读 212评论 0 0
  • 说一说你平时写代码遵守的编码规范 对于书写代码时鄙人的习惯是 1.先对于要做的东西进行分析进行块级区域的划分,分清...
    村里第一帅阅读 192评论 0 0
  • 最近老听人说怀念过去,怀念那时候的生活,可真回到那时你真的愿意吗?至少我会思考一下,因为总会想起那时的生活状态,父...
    我是一毛驴阅读 219评论 0 0
  • 前段时间,每天都会画一些小的插画,整理了几张发出来。 @版权归作者所有,转载或使用请联系作者
    漂泊的生死森林阅读 1,462评论 26 63