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

信息排列效果

难度初级
时长30分
学习人数
综合评分9.63
161人评价 查看评价
9.7 内容实用
9.6 简洁易懂
9.6 逻辑清晰
同学你推荐的网站已经转行了
HTML内容结构的smal在哪里?,只看到样式 .small
速度快,而且代码看着乱,不够爽心悦目
关于雪碧图位置:
1.最简单的方法是翻到前面一节看代码写的位置具体是啥;
2.另外也可以浏览器打开图片URL,右键保存到本地用PS打开,自己量。
伸手党多的令人发指……
排列模式切换代码:https://codepen.io/taosang1992/pen/GmdLov
卡片模式代码:https://codepen.io/taosang1992/pen/ZKoZzP
列表模式代码:https://codepen.io/taosang1992/pen/EmLMqq
前端 学的好心累
var imgs=document.getElementsByTagName("img");

listBtn.onclick=function(){
listBtn.className="btn-list-on";
carBtn.className="btn-car-off";
for(var i=0;i<imgs.length;i++){
imgs[i].src="http://img1.sycdn.imooc.com//53ab7d16000159a801640236.jpg";
imgs[i].parentNode.className="a-img small";
}
}
千万注意加上onload
初始代码就有问题,文档声明到title部分重复了一次
文字至右
.small {
height: 50px;
width: 50px;
display: block;
float: left;
margin: 5px;
}
点击没有效果啊
卡片是card啊不是car
overflow解决塌陷的问题是个偏方,最好还是用after伪类来做一个clear
课程须知
您至少具备HTML/CSS、JavaScript基础知识
老师告诉你能学到什么?
1.学会运用HTML/CSS图文排列布局。2.学会合并图的使用。3.学会运用JS改变元素样式等

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消