html.css.javascript 学习笔记 - 图文

4、块元素和行内连元素 1）概念

内联元素只会占用内容的长度

说明：内联元素可以根据不同的浏览器来添加不同的东西，不一定是仅仅文本或者是内联元素 2）两者区别

说明：

案例：

bbp

BBP

5、流

1）标准流/非标准流概念

2）盒子模型 （1）概念

说明：

1. html元素都可以看做一个盒子

2. 盒子模型的参照物不一样，则使用的css的属性不一样 3. 如果不想破坏外观，则尽量使用margin进行布局

（2）浮动

左浮动：尽量的向左边移动，让出自己的空间给下一个元素，知道碰到父元素的

左边框

右浮动：尽量的向左边移动，让出自己的空间给下一个元素，知道碰到父元素的

右边框

案例1：

案例2：字包图

清除浮动:

3）定位

（1）static 定位

默认的定位方式

说明：left与top属性不生效