CSS小结

1.注意事项

1）多个单词加引号
2）.+类名，不能数字开头
3）#+id名
4)内联元素要使用块元素的属性，设置display：block;

2.内部样式表：

3.内联样式表：

4.文本：

word-spacing(字间隔,可正可负)
letter-spacing(字符或字母间隔)
text-transform(字符转换)

text-indent:2em;  //首行缩进,可以继承
text-decoration:none/underline;
text-align:center;

5.背景

background(简写,无继承性)
background-color
background-image
background-repeat

6.字体

color:blue;
font-family:serif;
font-style:italic/Monospace;
font-weight:bold;
font-size:18px;

7.列表

list-style
list-style-position
去除列表符号：

li {
      list-style:none;
}

结构横向显示：

ul li{
    display:inline-block;
}

8.表格

border-collapse
border-spacing
caption-side
text-align:right;

9.CSS盒模型

10.display

11.选择器

派生选择器
属性选择器
子串匹配属性选择器
伪类选择器

12.外边距

margin:auto;

13.内边距

padding:

14.浮动

#aaa{
    overflow:hidden;
}
div#aaa p{
    float:left;
}
#lp{
    float:right;
}