2016.11.8 css（复习2）

通过将 display 属性设置为 block，可以让行内元素（比如 <a> 元素）表现得像块级元素一样。还可以通过把 display 设置为 none，让生成的元素根本没有框。这样的话，该框及其所有内容就不再显示。CSS 相对定位：注意，在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。CSS 浮动：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。如果浮动元素的高度不同，那么当它们向下移动时可能被其它浮动元素“卡住”。出现了一个问题。因为浮动元素脱离了文档流，所以包围图片和文本的 div 不占据空间。如何让包围元素在视觉上包围浮动元素呢？需要在这个元素中的某个地方应用 clear。选择对布局中的所有东西进行浮动，然后使用适当的有意义的元素（常常是站点的页脚）对这些浮动进行清理。CSS 多类选择器：class="important  warning".important.warning {background:silver;}（通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素。不能有空格）。后代选择器：可以选择作为某元素后代的元素。h1 em {color:red;}<h1>a <em>imt</em></h1>。子元素选择器：h1 > strong （strong 如果被包含，则选不到）。相邻兄弟选择器：可选择紧接在另一元素后的元素，且二者有相同父元素。h1 + p 。与子结合符一样，相邻兄弟结合符旁边可以有空白符。:focus 伪类。:first-child（首个子对象。最常见的错误是认为 p:first-child 之类的选择器会选择 p 元素的第一个子元素。就是选择第一个p）伪类与 CSS 类：a.red : visited {color: #FF0000}<a class="red" href="">CSS Syntax</a>。CSS 伪元素:first-line 伪元素用于向文本的首行设置特殊样式。"first-line" 伪元素只能用于块级元素。:first-letter 向文本的首字母设置特殊样式。":before" 伪元素可以在元素的内容前面插入新内容。":after" 伪元素可以在元素的内容之后插入新内容。