美文网首页
CSS 综合(入门任务13)

CSS 综合(入门任务13)

作者: shawnzx | 来源:发表于2017-10-21 23:09 被阅读7次

一些重要的编程规范

  • 语义化标签,我认为初期对于这块不是很有概念,今后会在实战中改善。

  • 命名只用英文小写,中横线替代空格,命名只体现功能

  • html

    • 减少标签的数量,编写 HTML 代码时,尽量避免多余的父元素。很多时候,这需要迭代和重构来实现
    • 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法
  • css

    • 为选择器分组时,将单独的选择器单独放在一行
    • 为了代码的易读性,在每个声明块的左花括号前添加一个空格
    • 为了获得更准确的错误报告,每条声明都应该独占一行
    • 不要在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的内部的逗号后面插入空格。这样利于从多个属性值(既加逗号也加空格)中区分多个颜色值(只加逗号,不加空格)

参考资料:编码规范 by @mdo
参考资料:styleguide

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

  • line-height方法实现垂直居中:传送门
  • text-align方法实现垂直居中:传送门
  • 绝对居中方法实现垂直居中:传送门
  • vertical-align方法实现垂直居中:传送门

代码案例实现

传送门

相关文章

  • CSS 综合(入门任务13)

    一些重要的编程规范 语义化标签,我认为初期对于这块不是很有概念,今后会在实战中改善。 命名只用英文小写,中横线替代...

  • 入门任务13-- css综合

    说一说你平时写代码遵守的编码规范html: 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得...

  • 任务13——CSS 综合

    1.说一说你平时写代码遵守的编码规范 使用语义化标签 命令使用英文小写 命令使用“”包裹 2.垂直居中有几种实现方...

  • 任务13:CSS综合

    1 . 说一说你平时写代码遵守的编码规范编码规范语义化 语义化标签优先 基于功能命名、基于内容命名、基于表现命名 ...

  • 入门13 CSS综合

    CSS编码规范 命名规范:语义化标签优先;基于功能命名、基于内容命名、基于表现命名;简略、明了、无后患 书写规范:...

  • 入门13 css综合

    1. 说一说你平时写代码遵守的编码规范 用小写 命名用引号包住 换行-注意空格 2. 垂直居中有几种实现方式,给出...

  • 任务13-CSS 综合

    1.编码规范 tab用两个空格表示css的:后加空格,{前加空格每条声明后加;每条命令换行,不放到一行颜色用小写和...

  • 任务13-CSS综合

    1、说一说你平时写代码遵守的编码规范 我平时一般遵守如下规范:1、所有命名都使用英文小写2、命名用引号包裹3、每条...

  • 任务十三 css综合

    本文版权归饥人谷和本人所有1.编码规范:(1).合理命名 使用语义化标签, 基于功能命名、基于内容命名、基于表现命...

  • CSS综合13

    浅谈编码规范 命名技巧 语义化标签优先 基于功能命名、基于内容命名、基于表现命名 简略、明了(翻译成英文) 所有命...

网友评论

      本文标题:CSS 综合(入门任务13)

      本文链接:https://www.haomeiwen.com/subject/twvaattx.html