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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
几个div嵌套,对齐方式还需学习高级技巧。手工调整各边距不是高级方法。待学习。待总结。
span{
font-weight:bolder;
}
自己添加一个span标签,把小标题突出出来
.myBox
{
width:183px;
height:98px;
border:1px red solid;
padding-left:15px;
margin-top:10px;
}
width=200-15-2 减去内边距和边框
height=100-2 减去边框
.mainBox{
width:960px;
height:300px;
background-color:#CFF;
overflow:hidden;
}
.leftBox{
width:740px;
height:300px;
background-color:#C9F;
float:left;
}
.rightBox{
width:210px;
height:300px;
background-color:#FCF;
float:right;
}
<style type='text/css' >
.myBox{
width:200px;
height:100px;
border:1px solid red;
margin-top:10px;
padding-left:15px;
}
</style>
<style type='text/css' >
.myBox{
width:183px;
height:88px;
border:1px solid red;
padding:10px 0 0 15px;
}
听老师说话总感觉在唱摩擦摩擦……
深入浅出,干货满满!
.myBox{width:200px;height:100px;margin-top:10px;border:1px solid red;text-indent:15px;}
<ul>
<li><a href="#">【慕课访谈 用户篇】“有为屌丝”在路上</a><span>2014-06-01</span></li>
<li><a href="#">【有奖活动】给父亲的三行书信</a><span>2014-06-01</span></li>
<li><a href="#"> 程序猿,请晒出你的童年》活动获奖公告</a></li><span>2014-05-30</span></li>
<li><a href="#">【慕课访谈】破茧成蝶————美女程序猿的锐变史</a><span>2014-05-28</span></li>
</ul>
老师讲的好好啊 一下子就明白了 能多出点视频吗 花钱的也行啊
那个,我想说,margin是外边距,你们减高度做什么??还有,我想问问183宽度你们是怎么算出来的??只是padding-left加15px;所以200宽度减15不是185吗?????我数学差不要骗我(滑稽脸)
2个多小时写出来,从学前端开始大概一个月了吧,好多地方还是不熟练,想用的时候各种翻笔记。共勉~
菜鸟一枚啊,只听得懂,敲不了,咋整,快过年了,祝大家新年多多赚钱哦
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消