一只前端小菜鸟

static:元素使用正常的布局行 relative:在文档中的正常位置偏移给定的值 absolute:脱离文档流,相对于最近的非 static 祖先元素定位 fixed:相对视口 sticky：混合

1. 给父元素设置高度 2.overflow:hidden触发BFC 3.最流行的伪类清除法。为父元素设置一个伪元素，其实就是无形的添加了一堵墙，然后在伪元素中设置属性,如clear: both等.

隐藏元素可以分为 3 大类： 完全隐藏：元素从渲染树中消失，不占据空间，display:none 视觉上的隐藏：屏幕中不可见，占据空间，opacity:0 语义上的隐藏：读屏软件不可读，占据空间

1、verticle-align:middle 2、父伪元素:before ，子元素 verticle-align:middle 3、绝对定位+left+top 4、transform5、flex

px 即 pixel 像素，是相对于屏幕分辨率而言的，是一个绝对单位，但是具有一定的相对性。 em 是相对长度单位，具体的大小要相对于父元素的字体大小来计算。 rem是相对于根元素html的字体大小

HTML 面试题汇总 1. 什么是 <!DOCTYPE>？是否需要在 HTML5 中使用？ 2. 什么是可替换元素，什么是非可替换元素，它们各自有什么特点？ 3. src 和 href 的区别（京东）

页面可见性，就是获取当前页面的可见状态。所以我们可以通过页面可见性（*Page Visibility*）API 来判断当前页面是显示状态还是隐藏状态。API有：visibilitychange...

可替换元素是指这样一种元素，它在页面中的大部分展现效果不由 CSS 决定。img、video、audio、大部分表单元素都属于可替换元素。 非可替换元素就是指普通元素，在页面上呈现什么完全由CSS决定

微格式，是建立在已有的html标准基础之上的一组数据格式。 具体表现是把语义嵌入到 HTML 中，以便有助于分离式开发，并通过制定一些简单的约定，来兼顾 HTML 文档的人机可读性,对网站SEO优化