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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
其实我觉得这样布局有很多bug,页面缩小,布局就乱了
ul li{list-style-type:none;
float:left;
width:50px;
height:30px;}
ul li a{text-decoration:none;
text-align:center;
display:block;
line-height:30px;
}
ul li a:link,ul li a:visited{color:black;}
ul li a:hover,ul li a:active{color:#fff;background:#be3948;}
为什么自己在跟着打代码就是没什么效果,设置居中都可以,就是图片repead-x一点效果都没有,还有伪基类也是没效果
.mainBox{width:960px; }
.leftBox{ height:300px;width:740px; background:#c9f; float:left; }
.rightBox{ height:300px; width:210px;background:#fcf; float:left;}
.clear{clear:both; height:0; overflow:hidden;}
</style>
<div class="leftBox"></div>
<div class="rightBox"></div>
<div class="clear"></div>
老师讲的不错,可是下载素材代码时,提示smartscreen筛选器阻止了这个不安全的下载。
使用overflow:hidden; 长宽都得设置
卧槽 两次去看全屏效果 结果回来时没选目标 想删点代码 结果页面狂退好几个页面。。。。。。。。回来之后 默默地发现我的代码又被刷了 全没了。。。。。。。。。。。心塞啊 都一大半了 呜呜 !!!!!!!!
不适合初学者。。。
.body li{float:left;
list-style:none;
width:50px;height:30px;
}
.body li a{text-decoration:none;display:block; line-height:30px;text-align:center;}
.body li a:visited,.body li a:link
{color:black;}
.body li a:hover,.body li a:active
{color:white;
background-color:red;}
思路清晰 这个老师讲的好棒
0.5倍语速像喝醉了一样 1.25倍才是正常 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
设置overflow:hidden后所有的图片都没了
支持老师 讲的很好
没有说总宽度、高度要一样吧
如若出现图片不显示是 请加上width:1000px 试试
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消