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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
没必要嵌套那么多div呀,logo觉得一个div就能做出来
确实比较老,现在都到html5了,麻烦出一些好的视频。
div{overflow:hidden}
<body>
<!--在此制作一个嵌套列表-->
<ul><li>首页</li>
<li>课程中心</li>
<ul>
<li>web前段</li>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
<li>Android开发</li>
<li>PHP开发</li>
</ul>

</ul>
</body>
最后面的一条竖线不应该去掉么,看这好不舒服哦
做完啦!花啦三小时,因为点小问题浪费1小时左右
感谢老师,讲的很好,一遍听一遍跟着做的
其实也可以把nav那个div 不采用拆分为nav_left、 nav_mid、 nav_right 三个div 然后分别引图片的方法。直接把nav设置背景 然后加border-radius 属性,也可以有圆弧效果。 如此主要是避免div太多而出现元素溢出或者父、子元素混乱等问题。 个人意见,望高手指点。
看来做网页开发要经常计算像素值了啊 ==!
.logo{

height:80px;

background-color:#FFF;

overflow:hidden;

}

一定要加oevrflow的hidden属性,不然nav那里会溢出

但是老师那里没有加也没有溢出啊 求解
margin:0 auto;与text-align:center;的区别
.top em{
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg') no-repeat;
color:white;
}
em{
width:20px;
height:16px;
text-align:center;
color:#333;
display:block;
background:url('http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg') no-repeat 0 -16px;
font-style:normal;
line-height:16px;
float:left;
}
a{
color:#333;
text-decoration:none;
font-size:8px;
}
.topList a{
padding:5px;
}
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消