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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
img{
padding:1px 20px 37px 30px;
height:95px;
width:95px;
margin-right:10px;
background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);
}
老师这个视频不适合初学者,话说,应该是一种思想,不是基础实操教程。
很好,只是为什么没有源代码
大家都能看懂吗?为什么我按着老师的操作,出来的效果不一样呢?云里雾里的呢~~~

已采纳回答 / 飞雪随风
想想吧,假如两个行高加上一个元素宽度,并且元素宽度在中间,这样元素就垂直居中了,假如它们高度不一样,那元素就自然不会垂直居中了

最新回答 / 深海溺梦
利用绝对定位  相当于坐标轴 从第一象限挪到第三象限里

最赞回答 / 云幽梦
div 在网页设计中是表示块、区域的意思,比如你在制作一个卖衣服的网页时,把男装和女装各分一个区域这是就可以定义两个div,两个块,class则可以表示你可以给这个块加一些属性啊,比如长和宽,背景颜色什么的,你可以给这些属性取一个名字,class=shuxing就表示你给这个属性的集合取了个shuxing的名称,<div class=nanzhuang>、<div class=nvzhuang>就可以表示你给男装区域和女装区域定义的属性名,这样你就可以设疑class改变他的属性了设...
img{width:95px;height:95px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); padding:1px 20px 37px 30px;margin-right:10px;}
img{padding:1px 20px 37px 30px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); width:95px;}

最新回答 / Himushroom
<...图片...>float和position使用起来差不多吧
逗逗比了 我没学到啥
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消