我的博客

1. 浮动的背景和工作原理 浮动的最初是用来让文字环绕图片, 所以我能能推出: 浮动会脱离正常的文档流，并吸附到其父容器左边，正常布局中位于浮动元素下的内容会围绕着浮动元素 2.浮动的包裹性 包裹性指的是元素尺寸刚好容纳内容, 表现得就像diaplay:inline-block一样 具有包裹性的其他属性: display:inline-block position:absolute/fixed/s...

1.选择器的分组和继承 分组 你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 h1,h2,h3,h4,h5,h6 { color: green; } 继承 根据 CSS，子元素从父元素继承属性。但是当你不希望子元素继承父元素的属性时该怎么做呢？例如，在下方代码片段中...

一、定位 文档流 正常的布局流是将元素放置在浏览器视口内的系统。 默认情况下，块级元素在视口中垂直布局——每个都将显示在上一个元素下面的新行上，并且它们的外边距将分隔开它们。 内联元素互相之间以及任何相邻（或被包裹）的文本内容位于同一行上，只要在父块级元素的宽度内有空间可以这样做。 如果两个相邻元素都在其上设置外边距，并且两个外边距接触，则两个外边距中的较大者保留，较小的一个消失——这叫外边距折叠...