DreamFive

说不定哪天就要重新找工作了，作为知识的储备和巩固学习，每天记一点东西总归是好的。（尽可能的每天更新一点）目录目录HTMLDoctype 有什么用？什么是 data- 属性？请描述 script、 script async 和 script defer 的区别什么是渐进式渲染（progressive rendering）？HTML5 的新特性，语义化meta 标签...

CSS 打印简介本文主要讲解如何使用 CSS 控制打印样式。基本概念使用 CSS 可以控制文档如何正确的显示在不同的媒介 (Media) 上。其中分页媒介 (Paged Media) ，不同于连续媒介 (Continuous Media)，它可以控制文档内容，将其分隔至一个或多个不相关联的页面 (如：书、幻灯片)。页面 (Page Sheet) 是物理介质 (如：纸...

一、基础概念在了解如何做H5页面适配前，大家都应该把移动端涉及的一些概念搞明白，比如：dpr 是什么意思？移动端H5解惑-概念术语（一）二、为什么要做页面适配2.1 PC端为什么要解决浏览器兼容因为在PC端，由于浏览器种类太多啦，比如几个常用的：IE、火狐、Chrome、Safari等。同时，由于历史原因，不同浏览器在不同时期针对当时的WEB标准有一些不一样...

物理像素（physical pixel）也叫做：设备像素（device pixel）可以理解为屏幕上的点，这个是跟硬件有关系，跟 Web 软件语言没一毛钱关系。你见过霓虹灯吗？LED灯？对！就是那上面一个个会发光的颗粒。这个概念大家一般喊中文，貌似没见过缩写（当然你可以叫它：pp），因为在软件方面我们很少关注硬件嘛！自然这个概念也就没多大用啦！分辨率（resolut...

212

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -web...