CSS综合

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


  • 关于命名:
    语义化标签优先
    命名体现功能,不涉及表现样式(颜色、字体、边框、背景等)
    所有命名都使用英文小写
    命名用引号包裹
    用中横线连接
  • 关于html与css:
    嵌套元素应当缩进一次(即两个空格)
    减少标签的数量
    为选择器分组时,将单独的选择器单独放在一行。
    css的 :后加个空格, {前加个空格
    每条声明后都加上分号
    换行,而不是放到一行
    颜色用小写,用缩写, #fff
    小数不用写前缀, 0.5s -> .5s;0不用加单位
    尽量缩写, margin: 5px 10px 5px 10px -> margin: 5px 10px
  • 代码规范:缩进与换行:使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。class: 必须单词全字母小写,单词间以 - 分隔。id:元素 id 必须保证页面唯一。贴一个网站便于学习html规范2,css规范1

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


  • padding实现垂直居中代码
  • 绝对定位实现垂直居中代码
  • vertical-align实现垂直居中代码
  • table-cell 实现垂直居中代码
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 浅谈编码规范 命名技巧 语义化标签优先 基于功能命名、基于内容命名、基于表现命名 简略、明了(翻译成英文) 所有命...
    饥人谷_秦勤阅读 369评论 0 0
  • 说一说你平时写代码遵守的编码规范常见的编码规范语义化:1.语义化标签优先2.基于功能命名、基于内容命名、基于表现命...
    24_Magic阅读 238评论 0 0
  • 1.说一说你平时写代码遵守的编码规范 命名技巧语义化标签优先基于功能命名,基于内容命名,基于表现命名简明、明了、无...
    basd1995阅读 269评论 0 0
  • 编码规范 命名技巧语义化语义化标签优先基于功能命名、基于内容命名、基于表现命名简略、明了、无后患命名范例所有命名都...
    cccccccc7355608阅读 459评论 0 0
  • 常用的编码规范 HTML部分 语法 使用2个空格代替制表符; 默认缩进2个空格; 属性定义全部使用双引号""; 不...
    Sketch阅读 286评论 0 0