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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
这里讲错了 li是块级元素 a是行级元素 只要让a转换为inline-block块级元素 设置width height即可
这个课程总体感觉就是“乱”。我觉得每个网页产品都有自己的padding,margin的统一规格,但每次老师改动边距感觉就是很随意,多了就改小点,少了就改多点。
真心不错!很详细,边学边做,对我帮助挺大的
li{float:left;list-style-type:none;width:50px;height:30px;text-align:center;line-height:30px;}
li:hover{background:#BE3948;color:#FFF;}
我觉得.nav_left还应该加一个属性,清除浮动,clear:both;不能会出现bug
慕课网的前端系列课程真不错,赞+10086
…省略号…
.mainbody li{
list-style:none;
float:left;
width:60px;
height:40px;
}
.mainbody li a{
text-decoration:none;
color:black;
line-height:40px;
text-align:center;
display:block;
}
.mainbody li a:hover,.mainbody li a:active{
color:white;
background:#BE3948;
}
讲的很好,条理清楚
.ad{
height:310px;
overflow:hidden;
clear:both;
}
我的不清理浮动图片显示有问题,li宽度剩下10px
添加overflow:hidden后 图片只剩下li的宽度为10px的图片,不是1000px为啥
ul{list-style-type:none;}
ul li{float:left;width:50px;height:30px;}
ul a{line-height:30px;text-align:center;display:block;}
ul a:link,ul a:visited{text-decoration:none;color:black; }
ul a:hover,ul a:active{text-decoration:none;olor:white;background-color:#BE3948; }
好吧,很好的插件,死活用不了,服了
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消