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*/