ThinkingFT

栅格布局复杂而强大，没有吃透也不要灰心。栅格的运作方式要花点时间才能掌握，毕竟有大量特性和我们以前没有见过的。...

弹性盒是一种简单而强大的布局方式，通过弹性盒指明空间的分布方式，内容的对齐方式和元素的视觉顺序，把不同的组件放置在网页中。...

借助定位可以随意移动元素，这是常规文档流难以企及的。虽然很多定位技巧终将被栅格系统取代，但是定位仍有大量的用途，例如让侧边栏始终显示在视区中，或者粘滞显示列表或长文中的小节...

浮动是CSS的基础，虽然简单，但却十分有用而强大。浮动是不可或缺的，有了浮动才能吧内容放在一边，让其他内容围绕它流动。引入浮动形状之后，浮动框不再局限于方形了。...

通过设置元素的颜色和背景，创作人员的能力得到了极大的提升。与传统方式相比，CSS的优势是可以把颜色和背景应用到文档中的任何元素上。...

能为任何元素设置外边距、边框和内边距，是CSS超越传统Web标记语言的原因之一。正因为CSS有如此强大的功能，才能使它俘获了众人之心。...

在探索CSS的过程中，你可能会某些用户代理（浏览器就是用户代理之一）中遇到看似奇怪的行为。掌握视觉渲染模型的工作原理之后，便可以判断所遇到的怪异行为，就是CSS渲染引擎定义...

文本是网页的重要元素，文本是内容，而字体是用于显示内容。借助文本属性可以影响文本相对一行中其他内容的位置。...

Font Properties （字体属性）设置字体属性是样式表最常见的用途之一。CSS定义了五种通用字体族。...

单位可以影响颜色、距离和尺寸等一系列属性，可以帮助定义这些值。单位是CSS的重要基础，几乎一切值都离不开它。...

选择符的特指度由选择符本身的组成部分决定，一个特指度由四部分构成： · 选择符中每个ID属性值加 0,1,0,0 · 选择符中每个类属性值，属性选择或伪类加 0,0,1,0...

选择符 1、样式的基本规则 2、群组 3、类选择符和ID选择符 4、属性选择符 5、根据文档解构选择 6、伪类选择符 7、伪元素选择符...

CSS和文档 1、Web 样式的简介 2、元素 3、把CSS应用到HTML上 4、样式表中的样式...