练习1
页面如下设计
要求一：style必须采用链入式
要求二（边框）：
边框只有上边 左边 右边显示
边框颜色：灰色
边框宽度：1px
要求三（位置）：
盒子div:页面内水平居中
练习1-盒子边框属性居中.png
练习2
提示：
1、盒子紧紧靠在浏览器左上角
2、大盒子的width为1000px;
height为500px;
之中的两个小盒子的height为300px;
3、盒子的边框与大盒子的边框死死挨着，小盒子的边框为2px
4、小盒子的四边均有边框
补充：关于内嵌
<div>外层盒子
<div>内层盒子</div>
</div>
盒子的嵌套-盒子的宽度.png
练习3
提示：
1、盒子紧紧靠在浏览器左上角
2、大盒子的width为1000px;
height为500px;
第一个小盒子内的字似乎距离这个盒子的上边框有10px，距离左边框有10px
第二个小盒子内的字似乎距离这个盒子的上边框有20px，距离左边框有20px
盒子padding的影响.png
练习1页面如下设计 练习2 练习3
公用css页面名：exercise_1.css 练习1文件名：exercise.html 练习2页面名：boxin...
先来看看效果：拖动面板演示效果 HTML结构很简单，一个大的div包含三个小的div 如图： 然后开始思考如何来...
1.左右布局/左右中布局 准备了三个div,外层一个类名为wrap的div。内层三个div,类名分别为：left,...
View 个人感觉View就类似于html中的div标签，支持flexbox布局。 一个简单的练习，类似携程的格子...
div 关于div的简单布局 div中如果没有填充内容不会显示出来，只有填充内容了才会被体现 div 可以设置属性...
轮播图需要三个 最外层div里需要.carousel，中间层div需要.carousel-inner，最里层div...
先简单瞅瞅他们！贼恐怖！ 搞起来！ div4 div3 div2 div 依次设置height 700px, 55...
默认冒泡 默认情况下，js的事件会向上冒泡，如：以下三个div元素： 当我们点击里层的div，会触发外层的div事...
本文标题：9-21 div的三个简单练习
本文链接：https://www.haomeiwen.com/subject/dmposxtx.html
网友评论