任务13-综合

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

html方面：

  • 尽量让结构标签语义化，是文章段落的我就用p标签，是导航的就用nav标签，头部就用header 尾部就用footer等等
  • 给div标签命名时的优先级是，有功能的就以主要功能来命名，没啥功能的我就以所处位置还有在结构中的作用来给他命名
  • 该缩进的空格，一个都不能少，要让代码块儿看着顺眼

css方面：

  • 属性值前面添加空格让格式更加整齐，这个我做到了。
  • 像margin，padding这样的属性值能整合成整体写的我全都整合到一起
  • 小数点前面的0我也就省掉了，直接就是.x 这样看着更加简洁
  • 颜色值例如#ffffff 这种类型的只写 #fff
  • pbtv的先后顺序，我还没有严格遵循，总是想到啥就写啥

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

第一种-利用伪类
第二种-利用table-cell
第三种-利用绝对定位
第四种-利用transform
第五种-利用行高
第六种-利用上下padding
第七种-利用flex居中

3.实现效果代码

实现效果总览

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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,862评论 1赞 92
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,457评论 25赞 709
  • Html&CSS（二）
    本文主要是起笔记的作用，内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,682评论 0赞 30
  • HTML+CSS摘要
    本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,354评论 0赞 5
  • 既然患难见真情，那平时呢？
    明天休假，我火速吃饭洗澡，拿瓶可乐就躺吊床，一口气看好几集银魂，正好看到银八救神乐的桥段。 神乐被怪物吞噬，在神乐...
    多啦B梦阅读 294评论 0赞 0