css综合

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

语义化

语义化标签优先

基于功能命名、基于内容命名、基于表现命名

简略、明了、无后患,翻译成英文

所有命名都使用英文小写

命名用引号包裹

用中横线连接

命名体现功能,不涉及表现样式(颜色、字体、边框、背景等)

书写规范

tab 用两个空格表示

css的:后加个空格,{前加个空格

每条声明后都加上分号

换行,而不是放到一行

颜色用小写,用缩写,#fff

小数不用写前缀,0.5s->.5s;0不用加单位

尽量缩写,margin: 5px 10px 5px 10px->margin: 5px 10px

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

**上下padding相等 **
绝对定位
vertical-align

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

效果范例

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

推荐阅读更多精彩内容

  • 说一说你平时写代码遵守的编码规范常见的编码规范语义化:1.语义化标签优先2.基于功能命名、基于内容命名、基于表现命...
    24_Magic阅读 240评论 0 0
  • 1.说一说你平时写代码遵守的编码规范 语义化·语义化标签优先·基于功能命名、基于内容命名、基于表现命名·简略、明了...
    FLYSASA阅读 246评论 0 0
  • 编码规范 命名技巧语义化语义化标签优先基于功能命名、基于内容命名、基于表现命名简略、明了、无后患命名范例所有命名都...
    cccccccc7355608阅读 459评论 0 0
  • 写代码需要遵守的编码规范 1. 命名技巧 语义化 语义化标签优先 基于功能命名、基于内容命名、基于表现命名 简略、...
    阿鲁提尔阅读 277评论 0 4
  • 1.说一说你平时写代码遵守的编码规范 命名技巧一、语义化1.语义化标签优先2.基于功能命名、基于内容命名、基于表现...
    saintkl阅读 153评论 0 0