说一说你平时写代码遵守的编码规范
HTML
注意标签的语义化,减少无意义的标签
标签名小写,正确闭合标签
属性值用双引号
样式,内容分离
使用外链 CSS 和 JavaScript
HTML 属性尽量按顺序依次排列:
class
id,name
data-*
src,,for, type, href
title,alt
aria-*,role
css
保持相同的缩进风格,在该加空格地方比如 : 后加空格
每条声明后都加分号,每条声明都放在单独的一行中
颜色用小写,用缩写, #fff
小数不用写前缀, 0.5s -> .5s;0不用加单位
属性尽量缩写,,如 font: 16px/1.5 palatino, georgia, serif;
相关的属性声明应当归为一组,并按照下面的顺序排列:
Positioning
Box model
Typographic
Visual
注意 class 命名,应当尽可能短,并且意义明确
垂直居中有几种实现方式,给出代码范例
padding实现:padding上下相等
vertical-align实现:middle
position实现:fixed
table-cell实现:display
flex实现:one
two
实现如下效果,每种效果都只使用一个html 标签来实现
实现