CSS学习注意事项

l 任何版本的 Internet Explorer （包括 IE8 ）都不支持属性值 "inherit"

l background-position /* 设置背景图像的位置 */

n 您需要把 background-attachment 属性设置为 "fixed" ，才能保证该属性在 Firefox 和 Opera 中正常工作。

n 取值：两个值，如果之规定了一个值，第二个默认是 center/50%

l 文本样式：

n text-indent ：像素 / 百分比； /* 文本缩进（用于块元素） */

u 不过在为 text-indent 设置负值时要当心，如果对一个段落设置了负值，那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题，建议针对负缩进再设置一个外边距或一些内边距：

u 例子： P{text-indent ： -5em;padding-left ： 5em;}

n word-spacintg ： normal/ 像素； /* 改变文字的间距 */

n letter-spacintg ： normal/ 像素； /* 改变字母的间距 */

n text-transform ： none/uppercase/lowercase/capitalize; /* 处理文本的大小写 */

l 列表

n list-style-type /* 设置标志类型 */

n list-style-image /* 你可能想对各标志使用一个图像 ;*/

n list-style-position /* 设置在何处放置列表项标记（取值： inside/outside/ ） */

l 表格：

n border-collapse ： separate/collapse; /* 将表格边框折叠为单一边框 */

n caption-side ： top/bottom; /* 设置标题位置 */

n text-align ： left/center/right; /* 平行方向对齐方式 */

n vertical-align ： top/middle/bottom ; /* 垂直方向对齐方式 */

l 轮廓

n 绘制于元素周围的一条线，位于边框边缘的外围，可以起到突出元素的作用

n outline ： width style color;

n outline-color /* 设置颜色 */

n outline-style /* 设置样式 */

n outline-width /* 设置宽度 */

l 框模型

n Padding /* 内编距，属性接受长度值或百分比值，但不接受使用负值 */

n margin /* 外边距，属性接受长度值或百分比值，接受使用负值 */

l 定位：

n 但是，垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框（ Line Box ） ，行框的高度总是足以容纳它包含的所有行内框。不过，设置行高可以增加这个框的高度。

l a 标签

n a:link /* 未访问的链接 */

n a:visited /* 已访问的链接 */

n a:hover /* 鼠标移动到连接上 */

n a:active /* 选定的链接 */

n 注意：

u a:hover 必须置于 a:link 和 a:visited 之后，才是有效地。

u a:active 必须置于 a:hover 之后，才是有效地；

u 伪类名称对大小写不明感

n 区分 p:first-child 和 p > a:first-child

u p:first-child /* 选择器匹配作为其他元素子元素的第一个 p 标签 */

u p > a:first-child /* 选择器匹配 p 元素的第一个子元素 a*/