html+css基础_html/css_WEB-ITnose

完整的HTML结构

white-space:pre;

外边距margin:围绕在元素边框之外的可选区域。

内边距padding：文本内容到边框之间的可选区域

元素浮动

浮动：

float

有2个方向: left right none(不浮动)

对于文字浮动，必须设置高度，宽度，如果不设，后后果自负。

例

清除浮动：

clear:none; //允许元素的两边都可以有浮动

clear:left; //不允许左边有浮动元素

clear:right; //不允许右边有浮动元素

clear:both; //两边都不允许有浮动元素

定位类型position

分类：

static（静止）此为默认，即按照正常的文本流，占用正常的位置。

fixed（固定的） 相对于浏览器窗口定位（保留原位置）

position:absolute;

绝对定位：相对于父级元素（被包含容器）。

position:relative;

相对定位:相对于没有设置position时的正常位置定位

原始空间会保留下来。（意思就是说按static的位置算的地方不会出现另外的标签。如DIV，IMG等等。）

例子：

.div_1 {width:150px;height:200px;}

.text1 {width:200px;height:100px;left:160px;}

哈,我是一个帅哥

查看更多关于html+css基础_html/css_WEB-ITnose的详细内容...