css
2015-12-15 23:42
567 查看
html
块级元素 (要换行)行内元素 (不换行)
<!DOCTYPE>
混合模式标准模式
有<!DOCTYPE>是因为:让浏览器的模式按标准模式执行
[title2]css[/title2]
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;固定定位,固定在页面的位置,就算滑动滚动条位置也不会改变