css

html

• 块级元素 （要换行）
• 行内元素 （不换行）

<!DOCTYPE>

• 混合模式
• 标准模式

有<!DOCTYPE>是因为：让浏览器的模式按标准模式执行

css

1. css引入方式：

   外联：< link rel="stylesheet" tyle="text/css" href="文件位置">

   内联：< style tyle="text/css" href="文件位置">

   内嵌：<div style = “width = px”>

2. 优先级与权重

* 内嵌：1000
* id：0100
* 属性/类/伪类:0010
* 元素/为元素：0001

优先级： 内嵌 > id > 属性/类/伪类 > 元素/为元素

    【注：添加！mportant对任何权重值都没有用了】

3. 隐藏：

* display：none；隐藏，位置不会保留。
* visibility：hidden；隐藏，但位置保留
* display：block；显示
* display：inlaid-block；将块级转换成行内，将行内转换为块级

4. BFC

bfc就是块级上下文

每一个html中都至少要有一个bfc，因为html中的body就属于一个bfc

通常情况下IE6、IE7是没有bfc的，但可以用haslayout：ture；和zoom：1；设置。

5.定位

*position：static；默认默认值。无特殊定位，对象遵循HTML定位规则（忽略 top, bottom, left, right 或者 z-index 声明）。
*position:relative；不会脱离文档流，但建议只用于几像素的移动
*position：absduet；会脱离文档流，相对于离他最近定位过的父元素定位
*position：fixed；固定定位，固定在页面的位置，就算滑动滚动条位置也不会改变