m0_60703077的博客

继承继承需要放到上下文中进行理解。一些设置在父上面的 css 属性向下传递到后代元素。可以被继承的属性字体系列属性font 组合字体font-family：字体系列font-weight: 字体的粗细font-size: 字体的尺寸font-style: 字体的风格font-variant文本系列属性text-aligntext-indextext-transformword-spacing列表相关属性list-style-imagelist-style-posi

清除浮动不清楚浮动会造成页面布局的混乱，我们想要做的就是闭合浮动。额外标签法 （隔墙法）.clear {clear: both;}<div> <div></div> <div></div> <div class="clear"></div></div>添加了没有意义的标签，结构化较差。添加的必须是快元素父级添加 overflow 属性<div class="cl

选择器类型选择器 h1 {}h1 { }通配选择器 * {}全局选择器 。 由 * 带指的， 它选中了文档中的所有内容。* { margin: 0;}更加易读article *:first-child { }类选择器 .box {}.box {}ID选择器 #box {}#box { }标签属性选择器 a[title] {}1. [attr] a[title] {}2. [attr=value] a

margin 重叠外边距重叠是发生在垂直方向，而不是水平方向。初衷是为了段落美观。发生在块级元素上，不是行内，也不是行内块上。如何重叠块的上下外边距有时会合并为单个边距，其大小为单个边距的最大值。边距折叠。产生的方式有三种情况同一层项链元素之间相邻的两个元素之间的外边距重叠.p:nth-child(1) { margin-bottom: 13px;}p:nth-child(2) { margin-top: 87px;}会选用 87px 作为两个块之间的外边距.

translate 和 绝对定位使用 JavaScript 做动画的时候， 为了操作盒子移动，需要给定盒子 position: absolute; 这样子就可以操作盒子的 top、left 了。那么为什么还需要使用 translate 呢？在 PC 端上，我们使用绝对定位来做移动是完全没问题的，也可以使用 translate.因为 PC 上使用绝对定位使用 CPU，触发重排和重绘，浏览器依然可以以每秒60帧来运行，我们肉眼看不出来。但是放到移动端上，触发浏览器重拍和重绘，造成页面的卡顿。使用 t

块格式化上下文 (BFC)概念Formatting context(格式化上下文) ，它是页面中的一块渲染区域，并且有自己的一套渲染规则，来决定其子元素将如何定位，以及和其他元素的关系和相互作用。BFC, 块级格式化上下文，属于上述规范的一种。具有 BFC 特性的元素可以看作是隔离了的独立区域，容器里的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。BFC 的内部规则内部的垂直方向，一个接一个放置。垂直方向的距离由 margin 决定。属于同一个 BFC 的两个相

伪元素冒号伪元素 一个冒号 和 两个冒号的区别？伪类一直使用一个冒号 :hover 来书写。伪元素可以使用 :before 或者 ::before 来表示.双冒号的写法主要是为了区分伪类和伪元素，而使用单冒号是为了兼容低版本 IE（不能识别双冒号）。::before 是 CSS3 的写法。 :before 是 CSS1 中的存在。...