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

信息排列效果

难度初级
时长30分
学习人数
综合评分9.63
161人评价 查看评价
9.7 内容实用
9.6 简洁易懂
9.6 逻辑清晰

最赞回答 / PebblerWon
基本的原理,就是利用background-postion的负值来进行调节。当我们定位于background-position:-50px -50px;时发现图片向左上,移动了,也就以DIV的左上角为中心,图向左移动了50PX,向右也移动了50PX

最新回答 / 牛奶煎蛋
1_big.jpg,2_big.jpg;1_small.jpg,2_small.jpg;向这样的命名方式,然后通过js将big换成small,这样就可以一一对上

最新回答 / 无聊到死君
写法是没错的,但是3行字本身的高度就很高了,加起来超过 20px 了,所以如果想把 行高再调小一些,可以修改 font-size

已采纳回答 / 卖火柴的小舒
最外面要加上window.onload 哦

最赞回答 / 木大人
确实没生效啊,不过我找到原因了。中间代码编辑区的默认CSS注释错了,把“//设置li样式”删掉或改成/*设置li样式*/才生效。同样多谢你的回答!

最赞回答 / lejsure
晓得了,两个模式一块写的样式

已采纳回答 / 小于飞飞
看看两者的区别:一、使用.a-img .small<...code...>结果:<...code...>二、使用.small<...code...>结果:<...code...>三、总结如是.small引用了small的所有内容都会发生样式变化如是.a-img .small说明在引用a-img的标签下引用small的内容发生样式变化。
课程须知
您至少具备HTML/CSS、JavaScript基础知识
老师告诉你能学到什么?
1.学会运用HTML/CSS图文排列布局。2.学会合并图的使用。3.学会运用JS改变元素样式等

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消