像素 (px) 是一种绝对单位（absolute units）， 因为无论其他相关的设置怎么变化，像素指定的值是不会变化的。其他的绝对单位如下： mm, cm, in: 毫米（Millimeters），厘米（centimeters），英寸（ ...

网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C ...

html 加载时发生了什么 在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。 浏览器把所有样式(用户定义的CSS和用户代理)解析成 ...

BFC BFC全称是Block Formatting Context，即块级格式化上下文。一句话概括，就是页面上的一个隔离的独立容器，容器里面的子元素不会在布局上影响到外面的元素，反之也是如此。 注意点：BFC 并不是元素，而是某些元素带有 ...

vue-devtools 使用了很长一段时间了，使用过程中发现 vue-devtools 下的 vuex面板功能很厉害，整个页面的状态可以任意切换到之前的一个时间节点，当时只知道时光穿梭这个概念，没有仔细研究，最近决定入坑研究下。 记的之前 ...

黑马程序员的前端学习路线图大纲中第二阶段的学习是移动Web网页开发的学习：主要介绍了前端学习路线图的移动web网页开发的学习目标，前端学习路线图的移动web网页开发的市场价值，前端学习路线图的移动web网页开发的重点知识。 前端学习路线图中 ...

浏览器主要结构 目前，常用的浏览器主要有：Chrome、IE（Edge）、Safari、Firefox等。不同的浏览器在结构方面虽然有所差异，但是整体的设计理念是相似的。因此，可以抽象得到如下图所示的参考结构： image.png 组成 1 ...

我们第一章讲了浏览器的组成原理，如果没有看到文章的话记得返回去看第一篇，在讲渲染流程之前先放上一篇文章用到的图： image.png 上图是浏览器的主要组成部分，而渲染引擎是浏览器中的重要组成部分，其中图中的rendering Engine ...

html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figcaption 定义figure元素的标题 ...

小编日常用的有是sublime text和VS Code sublime中规中矩的外观，可以通过配置文件定义各种外观细节。 有多种布局方式，日常也是比较够用了! sublime拥有N多插件，只有你想不到的，估计没有他做的到的!(好没有信心啊 ...