CSS第四天

圆角边框

border-radius

盒子阴影

文字阴影

CSS浮动

在这里插入图片描述

浮动

传统网页布局的三种方式

在这里插入图片描述
在这里插入图片描述

为什么需要浮动

如何让多个块级盒子div一行显示?
如何实现两个盒子左右对齐?
在这里插入图片描述

什么是浮动

浮动特性

在这里插入图片描述

浮动布局注意点
1.浮动和标准流的父盒子搭配使用
2.一个元素浮动了,理论上其余的兄弟元素也要浮动 浮动的盒子只会影响浮动盒子后面的标准流,不会影响前面的标准流

清除浮动

所有的父盒子必须都有高度吗?写死的高度
如果一直往父盒子里添加子盒子 怎么定义父盒子的高度呢?
理想状态下 不应该给父盒子高度 让子盒子撑开父盒子

清除浮动本质

清除浮动元素造成的影响
如果父盒子本身有高度,则不需要清除浮动
清除浮动之后,父级就会根据浮动的子盒子自动检测高度,父级就有了高度,就不会影响下面的标准流了

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值