1.注意事项
1)多个单词加引号
2).+类名,不能数字开头
3)#+id名
4)内联元素要使用块元素的属性,设置display:block;
2.内部样式表:
<head>
<style type=”text/css”>
...
</style>
</head>
3.内联样式表:
<p style=”...”></p>
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;
}