分组选择器 在样式表中有很多具有相同样式的元素。 h1 {     color:green; } h2 {     color:green; } p { &n

汉字的间隔调节也是用 letter-spacing 来实现的。 因为中文段落里字与字之间没有空格，因而 word-spacing 通常起不到调整间距的作用。 文本格式 This text is styled with some of th

什么是 CSS Float（浮动）？ CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。 Float（浮动），往往是用于图像，但它在布局时一样非常有用。 元素怎样浮动

.responsive .img { border: 1px solid #ccc; } .responsive .img:hover { border: 1px solid #777; } .responsive .

网页布局 网页布局有很多种方式，一般分为以下几个部分：头部区域、菜单导航区域、内容区域、底部区域。 头部区域 头部区域位于整个网页的顶部，一般用于设置网页的标题或者网页的 logo： CSS3 实例 .header {

对于 CSS 里的 visibility 属性，通常其值被设置成 visible 或 hidden。 visibility: hidden 相当于 display:none，能把元素隐藏起来，但两者的区别在于： 1、display:

什么是网格视图? 很多网页都是基于网格设计的，这说明网页是按列来布局的。 使用网格视图有助于我们设计网页。这让我们向网页添加元素变的更简单。 响应式网格视图通常是 12 列，宽度为100%，在浏览器窗口大小调整时会自动伸缩。 响应

CSS 计数器通过一个变量来设置，根据规则递增变量。 使用计数器自动编号 CSS 计数器根据规则来递增变量。 CSS 计数器使用到以下几个属性： counter-reset - 创建或者重置计数器 counter-incr