为了账号安全,请及时绑定邮箱和手机立即绑定

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
我觉得应该还是790 110+13+17+650=790
我想起了当初给我们示范讲幼儿园课程的老师,简直一模一样 0.0

最新回答 / 码砖小丸子
可以通过浮动来实现,全部靠左浮动,则能从左到右依次排列
从第一层到第五层依次为:border、content+padding、background-image、background-color、margin。
那个胆小如鼠的小女孩以及了不起的盖茨比该出场了
book和profile图都挂了,可以行找图片替换测试就可以了

已采纳回答 / 慕慕4179031
合并了在这个例子中,效果是一样的,但是之所以要设置成一个content类和一个book类,是因为整个页面中还有一个profile类,而这个类也是属于content类的,作个类比,就是有两个人都是学生,他们都需要具备学生的共有属性,但是他们一个是女生,一个是男生,所以他们在具备学生共性的同时又具备了男生和女生各自的个性。

已采纳回答 / 慕粉1356576729
在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。  1.绝对路径    绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下,那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下语句:<body backround="E:\book\网页布局\代码\第2章\bg.jpg" >  ...
.content{background:#eff9f9;padding:44px 15px 15px;}

border:4px solid #badbdb;}

.profile{background:url(../images/t_profile.gif) no-repeat #eff9f9;}

.book{background:url(../images/t_book.gif) no-repeat #eff9f9;}

.book img{border:1px solid #b1adaa;margin:10px 8px;

}
1.定义一个内部样式text=css

2.插入图片 设定上下边距 左右边距 用margin,并且设置边框(粗细 格式 颜色-不可少 空壳 )

讲了盒子3D

3.为实现包裹层 加一个模块div 设置边框的粗细 格式和颜色

4.为背景图片book加一个样式,插入book,设置no repeat 再通过样式追加的方式加到content的盒子里去。

在本例中是div class=&quot;content &quot;变成div class=&quot;content book&quot;

5.背景被图片覆盖了 怎么办 设置盒子的内容即content的padding。微调。

6.初始化。
W3C盒子模型,建议说加border的童鞋好好看看。

已采纳回答 / Serena_cc
先看综合网站实践里的企业实战再反过来看就不觉得快了,真的!

最新回答 / 慕粉3136803
在<div id="wrap">在这里加点东西就行了</div>
定义和用法

width 属性设置元素的宽度。
说明

这个属性定义元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。

把你们想要看的发过来了。 width是不包括 margin,padding,border的 !! 只是内容宽度
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消