概览 CSS中的长度单位有很多，觉得有必要整理备忘。 网上介绍的也比较多和全，详见参考资料。 单位大体分为两大类： 绝对单位 ，不会因为其他元素的尺寸变化而变化。 相对单位 ，没有一个固定的度量值，而是由其他元素尺寸来决定的相对值。 单位 类型 简介 px Absolute 像素 (计算机屏幕上的一个点)，1px = 1/96in pt Ab...

CSS3 变换也叫 2D/3D转换，主要包括以下几种：旋转(rotate) 、扭曲 (skew) 、缩放(scale) 和 移动(translate) 以及 矩阵变形(matrix) 。transform 属性常和 transition 一起使用来构造绚丽的过渡动画效果。

概览 CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立各种布局，极大提高HTML页面的表现力。 定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素，或者另一个元素甚至浏览器窗口本身的位置。 CSS 有三种基本的定位机制： 普通流，包含默认定位（static）和相对定位（r...

概览 边框本应该在盒模型一文中一并介绍，只因 为避免篇幅较长特独立此文与轮廓和阴影一并介绍。 之所以将边框，轮廓和阴影一并介绍，看下图就明白了： 轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 边框 (border) 是围绕元素内容和内边距的一条或多条线。 阴影 （box-shadow...

内边距、边框和外边距都是可选的，默认值是零。但是，许多元素将由用户代理样式表（浏览器内置样式表）设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式。

概览 CSS 尺寸属性允许你控制元素的高度（height）和宽度（width）。 属性 描述 height 设置元素的高度。 width 设置元素的宽度。 max-height 设置元素的最大高度。 max-width 设置元素的最大宽度。 min-height 设置元素的最小高度。 min-width 设置元素的最小宽度。 我们一般所指的高度和宽度是指下图中红线标示的区域...

概览 在 CSS 中，选择器用于选择需要添加样式的元素。 CSS 选择器非常丰富，现将 CSS 1 - 3 目前所有的选择器列举如下。 选择器 例子 例子描述 CSS版本 .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素。 1 se...

概览 CSS 背景属性用于定义HTML元素的背景。 相关的属性 background-color: 设置背景颜色 background-image: 设置背景图片 background-repeat: 设置背景图片是否重复及如何重复 background-position: 设置背景图像的位置 background-attachment: 背景图像是否固定或者随着页面的其余部分滚动 background: 简写属性，作用...