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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
.demo01 .left需要添加空格。不然会导致网页显示无法左右浮动。害我苦恼了十几分钟
刚开始学,感觉距离好遥远~~确实思路不错
第三种写法只适合固定的样式,后期再添加东西,可能会比较费劲,甚至要来一次大改,如果不需要特殊的变动,这种写法,大家可知道会省去多少代码量,一个微博,多少人,这些人又发了多少的微博信息,会给网站的打开速度做了很好的提升,此老师很不错,不像有的人说的误人子弟。
3种方式,八错不错
受益了,谢谢老师

已采纳回答 / Mihawk666
语义化,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用 em 标签表示强调等等。
看到第三种方式,感觉是一种思路和思想的转变,要学的还有太多。

最新回答 / 黑与白
两个div都要设浮动好吗,第一个你都没加浮动,加个float:left
现在大型网站都是用老师的这种方法,我以前写的页面都是按初级方法写,担总觉得很冗余,后来看了大型网站写的代码后才觉得,其实可以适当应用这些方法,老师说的这些并不是说所有都需要这样做才对,相结合才重要。
这B装的我给99分
img{width: 95px;height: 95px;padding: 1px 20px 37px 30px; margin-right: 20px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);}
有没有顿悟的感觉。突然明白了前面装逼那么久究竟是为了什么了。

最新回答 / qq_一村之长_0
margin-top 那个问题,你自己仔细看他前面设置了内边距padding 属性20px,因此图片浮动之后是向下了20PX,所以要向上移动20px,就用到-20px了80px那个也是因为Padding的原因

已采纳回答 / qq_抓狂_0
第一种 利用2个div  先定义个div 然后里面放2个h标签 背景图使用css式样定位上去<div class="rank">  <div class="rankTitle">  【ranktitle】背景---------------背景区<h5>排行榜<g5>               <h6>投票<h6></div>-------------------------------------------------...
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消