CSS 基础

选择器

1. 类型选择器

p {...}
a {...}

2. 后代选择器

li a {..} li 下的所有a

3. ID选择器 #

4. 类选择器 .

5. 子选择器： 只选择元素的直接后代

#nav > li

6. 相邻同胞选择器

h1+p

7. 属性选择器

<iinput title=99 >

input[title] {}
input[title]:hover {}

8. 属性值

a[rel="sss"]{...}

9. 伪类

a:link
a:visited
a:hover
input:focus

10.通用选择器

*{} 对页面上的所有元素起作用

CSS中的重要概念

浮动，定位，框模型

1. 标准的框模型

width: 指的是内容区域的宽度和高度

框总长度: width+padding+margin

2. IE/Win模型

width= 内容宽度+margin+padding

3. display:block 可以让行内元素表现的像块一样

display:none 框及内容都不显示，不占用文档的位置

4. CSS三种基本的定位机制

普通流 浮动 绝对定位

5. 相对定位， 普通流中的一种定位

相对原来的位置移动，原来的空间不放弃，会遮挡其它框

6. 决定定位， 与文档流无关，不占空间

绝对定位的元素位置相对于最近的已定位祖先元素，如果没有祖先元素，那么就是body

7. 固定定位

相对于视口， 浏览器

8. 浮动