前端页面的一些小问题【好东西】
（1）img基线对齐
img、input、button之类的标签设置时，此标签会与在一行的前后行内元素
设置vertical-align：top/middle/bottom 根据其文本框、图片、按钮等上中下对齐
（2）input里面的type属性不同，盒子模型也不同
不会扩大盒子（计算高度时不需要减去边框）：search、sumbit、reset、radio、checkbox
会扩大盒子（计算高度时需要减去边框）：text、password、file
（3）font-size: 0;可以去除标签与标签之间的间隙，加在父盒子中
但是不可以用在有文本的标签
特殊的img、input、button这几个标签组合时，可以用font-size去除间隙
（4）网页的版心一般是960、1000、1200
（5）文字的行高，浮动时文字的行高占位置，没有浮动，文字的行高不影响下面的元素
（6）用户片段代码配置
"Print to console": {
"prefix": "123",
"body": [
"<!DOCTYPE html>",
"<html>",
" <head>",
" <meta charset="UTF-8">",
" <title>$TM_FILENAME_BASE</title>",
" </head>",
" <body>",
" $0",
" </body>",
"</html>"
],
"description": "HTML代码片段"
}
（7）子绝父相时，子元素没有设置top或left值，子盒子根据html标签的位置在上一个标签的下面显示，当设置了left或top，那么根据父盒子的上边界或左边界开始移动
（8）隐藏元素的几种方法
1.display:none; 不占位置
2.visibility:hidden; 占位
3.opacity:0; 设置盒子颜色为透明，占位置
4.transform:scaleX/Y/Z(0) 占位置，使X/Y/Z轴缩放比为0
transform:skewX(90deg/270deg) / ransform:skewY(90deg/270deg)
transform:skew(45deg,45deg) / transform:skew(135deg,135deg)
