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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
老师讲的资源怎么下载啊,那些images图片还有js代码??求
isplay:inline-block;
border:1px solid #e8e8e8;
margin:5px;
padding:5px 10px;
text-decoration:none;
<div class="mainBox">
<div class="leftBox"></div>
<div class="rightBox"></div>
<div class="clear"></div>
.mainBox{
width:960px;
background-color:#CFF;
}
.leftBox{
width:740px;
height:300px;
float:left;
background-color:#C9F;
}
.rightBox{
width:210px;
height:300px;
float:right;
background-color:#FCF;
}
.clear{
clear:both;
height:0;
overflow:hidden;
}
设置overflow:hidden后所有的图片都没了
background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) 0 16px;display:inline;}
p{display:inline;font-size:10px;}.top em{background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) 0 32px;}
a{text-decoration:none; color:#000;}
*{margin:0;padding:0;}.topList{width:300px;height:180px;border:1px solid #E8E8E8;margin:0 auto;}li{list-style:none;margin:10px;}em{width:20px;height:16px;text-align:center;font-style:normal;color:#333;
有点过时吧。。。。。。
这声音,, 好热闹。。。。。。。。。。。。。
.topList em{
display:block;
width:20px;
height:16px;
float:left;
font-style:normal;
color:#fff;
text-align:center;
background:url(" http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg");
background-position:0 16px;
}

.top em{
background-position:0 0;
}
ul,li,p{margin:0;padding:0;}
.topList{
width:300px;
height:180px;
border:1px solid #E8E8E8;
margin:0 auto;
}

.topList ul{
margin:5px;
}
.topList li{
list-style-type:none;
font-size:12px;
overflow:hidden;
line-height:16px;
margin-bottom: 14px;
}
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消