CSS

css 禅意花园设计之外的部分内容，还有其他一些补充内容（持续更新中）。本书css不涉及css3的相关内容。

父元素（容器） 通过将 display 属性设置为 flex，flex 容器将可伸缩： flex-direction 属性 flex-direction 属性定义容器要在哪个方向上堆叠 flex 项目

translate() 方法 translate() 方法从其当前位置移动元素（根据为 X 轴和 Y 轴指定的参数）。下面的例子把 <div> 元素从其当前位置向右移动 50 个像素，并向下移动 10

CSS 文字溢出 CSS text-overflow 属性规定应如何向用户呈现未显示的溢出内容。 可以被裁剪，也可以将其呈现为省略号（...）。 下面的例子展示了将鼠标悬停在元素上时如何显示溢出的内容

什么是特异性？ 如果有两条或两条以上指向同一元素的冲突 CSS 规则，则浏览器将遵循一些原则来确定哪一条是最具体的，并因此胜出。 将特异性（specificity）视为得分/等级，能够确定最终将哪些样

CSS 计数器是由 CSS 保持的“变量”，其值可以通过 CSS 规则递增（以跟踪其使用次数）。 计数器使您可以根据内容在文档中的位置来调整其外观。 带计数器的自动编号 CSS 计数器就像“变量”。变

为带有特定属性的 HTML 元素设置样式,我们可以设置带有特定属性或属性值的 HTML 元素的样式。 CSS [attribute="value"] 选择器 [attribute="value"] 选

什么是伪元素？ CSS 伪元素用于设置元素指定部分的样式。 例如，它可用于： 设置元素的首字母、首行的样式 在元素的内容之前或之后插入内容 ::first-line 伪元素 ::first-line

什么是伪类？ 伪类用于定义元素的特殊状态。 锚伪类 链接能够以不同的方式显示： :first-child 伪类 :first-child 伪类与指定的元素匹配：该元素是另一个元素的第一个子元素。 在下

CSS 组合器 组合器是解释选择器之间关系的某种机制。CSS 选择器可以包含多个简单选择器。在简单选择器之间，我们可以包含一个组合器。 CSS 中有四种不同的组合器： 后代选择器 (空格) 子选择器

下例展示 display: inline、display: inline-block 以及 display: block 的不同行为： display: inline-block 与 display:

定义和用法 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏