CSS综合

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

使用语义化标签
使用有意义的命名方式
使用小写命名,用中横线连接
tab 用两个空格表示
css的 : 后加个空格, { 前加个空格
每条声明后都加上分号
换行,而不是放到一行
颜色用小写,用缩写, #fff
小数不用写前缀, 0.5s -> .5s;0不用加单位
尽量缩写, margin: 5px 10px 5px 10px -> margin: 5px 10px
参考:http://codeguide.bootcss.com/

2.垂直居中有几种实现方式

padding居中
绝对居中
vertical-align实现居中
table-cell实现居中
flex实现居中1
flex实现居中2

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

效果代码

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

推荐阅读更多精彩内容

  • 说一说你平时写代码遵守的编码规范常见的编码规范语义化:1.语义化标签优先2.基于功能命名、基于内容命名、基于表现命...
    24_Magic阅读 243评论 0 0
  • 浅谈编码规范 命名技巧 语义化标签优先 基于功能命名、基于内容命名、基于表现命名 简略、明了(翻译成英文) 所有命...
    饥人谷_秦勤阅读 372评论 0 0
  • 编码规范 命名技巧语义化语义化标签优先基于功能命名、基于内容命名、基于表现命名简略、明了、无后患命名范例所有命名都...
    cccccccc7355608阅读 460评论 0 0
  • 1.说一说你平时写代码遵守的编码规范 命名技巧语义化标签优先基于功能命名,基于内容命名,基于表现命名简明、明了、无...
    basd1995阅读 271评论 0 0
  • 1.说一说你平时写代码遵守的编码规范 语义化·语义化标签优先·基于功能命名、基于内容命名、基于表现命名·简略、明了...
    FLYSASA阅读 249评论 0 0