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

网页简单布局之结构与表现原则

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
非常6,刷新了我对CSS的认知
卡卡卡卡卡
img{width="95px";height="90px";background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);padding:1px 20px 37px 30px;margin-right:10px;}
为什么你们的代码和我不一样,可是我的效果完全对呀
太厉害,啥时候我也这么强就好了

已采纳回答 / colorado
padding相当于内容位置不变,硬生生把div这个盒子撑大,所以如果用了padding,padding了多上值,那width就要减少多少,才能保证div盒子大小不变
对自己很有帮助!
老师的例子太棒了,谢谢老师!
只在img样式表下加入以下内容:

padding:1px 24.5px 37px 24.5px;margin-right:10px;
更正一下,漏减了1
只在img样式表下加入以下内容:
padding:1px 24.5px 38px 24.5px;margin-right:10px;
div{background:#460E29;width:700px;padding:20px}
img{padding:0px 0px 30px 24px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);margin-bottom:50px;}
老师讲的每一个例子都还不错,刷新了我的认知。
老师牛~~赞100个~~
一般遵循原则: 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消