菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 蒋鹏冲-20221017-CSS04 [打印本页]

作者: 北纬33 时间: 2022-10-17 23:37
标题: 蒋鹏冲-20221017-CSS04
一，今日学习内容
1.传统网页布局的三种方式
标准流
标准流就是标签展昭规定好的默认顺序方式排列
块级元素会独占一行，从上到下顺序排列
行内元素会按照顺序，从左到右进行排列，碰到父元素的边缘会自动换行

浮动
为什么需要浮动

有很多情况是标准流不好完成或者无法完成的布局，此时使用浮动会更加方便，浮动可以改变元素标签默认的排列方式。

浮动的最典型的应用

可以让多个块级元素一行内排列显示

网页布局的准则：

多个块级纵向排列找标准流，多个块级元素横向排列找浮动

浮动的语法：

float属性可以创建浮动

属性值：

left：元素向左浮动

right：元素向右浮动

none：元素不浮动（默认值）

浮动的特性

1、浮动的元素会脱离标准流（脱标）

2、浮动元素会一行内显示并且元素顶部对齐

3、浮动元素会具有行内块元素的特性

4、浮动的元素不会压住下面盒子的文字内容，因为浮动的特性就是为了做到文字环绕的

5、浮动的元素之间默认是没有空隙的

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)