橘子味的猫在掘金

前端的回流和重绘1.回流回流又称之为重排，当RenderTree中的一部分（或者全部）因元素的规模，尺寸，布局等改变，而需要重新构建页面，就会触发回流具体总结为：页面初始渲...

HTML5新增特性总结一、语义标签为了更好地实现web语义化，HTML5为我们提供了header，footer，aside，session，nav，article等一些语义...

什么是高度塌陷？如何解决高度塌陷1.高度塌陷的产生原因父元素在文档流中的高度默认是子元素撑开的，当子元素脱离文档流之后，将无法撑起父元素的高度，也就会造成父元素的高度塌陷。...

Doctype<!DOCTYPE>不属于HTML标签，所有浏览器都支持Doctype1.Doctype的使用声明必须是HTML文档的第一行，位于标签之前。<!DOCTYPE...

如何实现一个左右宽度固定，中间自适应的三栏布局呢下面就来介绍一下具体的实现方案吧！float浮动.container{}.left{}.center{}.right{}po...

CSS选择器用于选择你想要的元素的样式的模式。选择器不仅可以选择所有元素，也可以选择另一个元素内的所有元素。 ID 选择器可以为标有特定 ID 的 HTML 元素指定特定的...

CSS有几个不同的单位用来表示长度。 一些设置CSS长度的属性有width，margin，padding，font-size，border-width等。 数字与单位之间不...

position定位static默认值，无定位，元素出现在文档流中absolute绝对定位，元素相对于static定位以外的第一个有定位的父元素进行定位，会使元素脱离文档流...

多个相邻的（兄弟或者父子关系）标准流中的块元素垂直方向的margin会重叠。...

// 这种方法就不会有第一种方法中存在的问题，比较推荐使用。...

盒子垂直水平居中margin:auto父元素宽高固定，子绝父相，父元素相对定位，子元素绝对定位.father{}.son{}子绝父相，已知宽高的情况下.father{}.s...

1. 什么是flex布局 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 可以随着页面大小的改变自适应页面布局。 目前被...

content-box：这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 border-box：为元素指...

根据内容的结构（内容语义化）选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码，同时让浏览器的爬虫和机器更好的解析。...

这篇文章是三天前写就的，有大佬给我提了一些修改意见，我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到 GitHub 了。 我入职第二家公司接到的第一个需...