HTML的“盒子”==学习方向

思维岛屿=====》

1:文档流的概念,块元素,行内元素在文档流中的特点
2:盒子模型的组成部分,可见宽的大小由哪几部分组成
3:边框,内边距,外边距的设置
4:元素在其父元素中水平方向的位置由一下几个属性共同决定
5:何为过度约束,水平布局中,可以设置auto的三个值,设置后,浏览器如何调整
6:垂直布局溢出,用什么属性解决,有什么属性值
7:兄弟元素,父子元素外边距重叠的情况
8:盒子大小,盒阴影,圆角用什么属性设置?

试着做出一个盒子

试着把盒子的外边距加宽

试着把盒子的内边距加宽

在看看你现在的盒子

试着给盒子约束-让他产生水平布局

试着给盒子另一个约束产生垂直布局

在看看盒子吧<div>

把盒子的外边距折叠

然后把盒子的大小改变,

是的你得到了什么样的盒子了呢?

在试着 最后的事情把,添加阴影,哦,你真棒,你得到了一个动感的盒子,恭喜你,你成功了。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

道墨思冥

你的鼓励将是我最大的动力!!!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值