1.display：block 显示块元素；
display：inline显示内联元素；
2.块元素：显示一行，没有宽度默认撑满一行，支持所有css命令
内联元素：宽高有内容撑开，不支持宽高，一行上可以显示同类标签，不支持上下margin，代码换行解析。
in-line block：块元素一行显示，内联支持宽高，没有宽度时内容撑开。
3.after伪类，加高，margin auto，空标签，<br clear="all"/>,
overflow:hidden
after；加选择器上方便
4.BFC (block formatting context) 块格式化上下文 标准浏览器下才有
5.position-relative相对定位 position-absolute绝对定位 position-fixed固定定位 static默认值 inherit继承父级元素
6.绝对定位 a 使元素脱离文档流（提升层级），b内联支持宽高，块内容撑开 c定位父级相对于定位父级发生偏转，没有定位，对于doc发生偏转 d相对定位配合绝对定位使用
相对定位 a不影响本身特性 b不使元素脱离文档流 c没有定位偏移量，对元素无影响 d提升层级
固定定位：相对整个文档定位
7.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><style>
body{margin:0;}
.div1{width:50px;height:50px;background:red;position:relative;margin:100px auto;}
.div2{width:50px;height:50px;background:yellow; position:absolute;left:-6px;top:-6px;}</style>
</head>
<body>
<div class="div1">div1
<div class="div2">div2</div></div>
</body>
</html>
8.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><style>
body{margin:0;}
.div1{width:50px;height:50px;background:red;position:relative;margin:100px auto;opacity:0.5;}
.div2{width:50px;height:50px;background:yellow; position:absolute;left:-6px;top:-6px;}</style>
</head>
<body>
<div class="div1">div1
<div class="div2">div2</div></div>
</body>
</html>
9.colspan 属性规定单元格可横跨的列数。
rowspan 属性规定单元格可横跨的行数。
10.margin:50%;
网友评论