CSS样式要点笔记

一、背景色

background-color:#ccc;

background不能继承，其默认值是transparent（透明的），即在某元素未设置background-color时其默认为透明背景，即这时候如其父元素背景设置了则可见。

二、文本

1、文本缩进：

p {
    text-indent: 2em;
}

一般对于块级元素都可以应用text-indent，而行内元素无法应用。缩进的单位一般通过em表示元素内容的单位。该属性可以继承。

2、水平对齐：

p{text-align:center;}

这里需要注意的是text-align顾名思义仅是让元素内部的文本/内容(text)对齐，而非让该元素本身。

3、字间隔：

p {word-spacing: 2em;}

4、文本装饰：

p {
    text-decoration:underline;
}

该属性值包括:none无装饰、underline下划线、overline上划线、line-through删除线、blink闪烁字。

三、字体

p {
    font-family:sans-serif;
    font-style:italic;
    font-weight:bold;
    font-size:18px;
}

四、链接

a:link {color:#FF0000;}
a:visited {color:#00FF00;}
a:hover {color:#FF00FF;}
a:active {color:#0000FF;}

“lvha”分别对应未被点击访问、已被点击访问、鼠标指针移动到链接上、正在被点击四种状态。设置的时候必须注意按照"lvha"的顺序。

五、列表

1、修改列表项目的标志类型:

ul { list-style-type: square;}

2、使用图像作为列表项目标志：

ul li {list-style-image: url(x.jpg);}

六、表格

table, th ,td {
    border:1px solid blue;
}
th {
    background-color:green;
}
th, td{
    text-align:center;
    vertical-align:middle;
}