网页简单布局之结构与表现原则_技术问答

首页免费课网页简单布局之结构与表现原则问答

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

全部评论问答未解决精华

这人不懒_学习刻苦

老师。讲得不错！
【一楼傻pig真无聊！有心听就认真听！居然拿来玩！】

3 1-1 内容简介

2017-06-05

Granzon

img{ background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);width:95px;height:95px;padding:1px 20px 37px 30px;margin:0 10px;}

0 3-3 编程挑战

2017-06-04

zeroben

厉害了，一瞬间被震惊到，虽然说不好，但是真的感觉好厉害，看着老师写的代码，高级的那部分，一瞬间感觉(｡･∀･)ﾉﾞ嗨了，我擦，还能这样，原来是这样，一瞬间被激起情绪了，大赞老师，我又想写代码了。

10 2-1 微博用户发言信息列表制作

2017-05-24

欢迎您

这个能自适应？？？

0 2-2 电话号码布局制作

2017-05-24

慕的地4

首先，我不知道讲师的背景，但是至少他的项目经验不会太少，但是对于正在评论的我来说，我是没有实际项目经验，没有面对客户，面对公司的真实需求的经历的，所以我愿意相信讲师讲到的结构样式分离的重要性，
其次，我们也不要太有那种“有了锤子就到处找钉子”的感觉，我想“现实问题很少会是只有一个标准答案的”，所以，最重要的，咱们应该先记住这么重要的一个知识，然后根据我们以后会遇到的情况去灵活应用，这才是前端攻城狮不断成长的路径罢。以上，个人观点，赞成者，共勉；不赞成，还请无视小的这个。

22 2-3 排行榜制作

2017-05-22

培根熏肉

top1的哥们是不是打错字了哈哈哈哈

8 3-1 网页换肤及总结

2017-05-16

慕用3587776

height:95px;
width:95px;
padding:1px 20px 37px 30px;
margin-right:10px;

2 3-3 编程挑战

2017-05-13

慕粉1419011444

img{？background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); height:95px;width:95px;margin-right:10px;padding:1px 20px 37px 30px;}
把img{？中的 ? 去掉就可以显示了

1 3-3 编程挑战

2017-05-08

boboLeo

这三个例子很棒，让人有了新想法，发散性思维

2017-05-01

qq_PERSISTENT_7

看完之后感觉超级神奇，整个人都有兴趣了

1 2-1 微博用户发言信息列表制作

2017-05-01

Just90

学完了，不否认老师的观点，但是也不完全同意。
1. html为了语义化，就要结合css考虑，就拿案例中两个标题(h5,h6)来说吧，它们是一组标题，可用 hgroup 标签来包裹，而不是将 h6 通过定位放到效果图中位置上去。
2. 有些看起来多余的标签其实是为了保证别人仅通过我们的 html 代码就能看出来我们的结构。因为如果不考虑这点的话，那一个大的版块直接用 position 定位就行了，那会减少很多html 标签，但是相应的增加了很多 css 样式代码。不利于重构和扩展。
3. 我们写的代码是为了别人能看懂，而不仅仅只是给机器看。写一些看起来多余的具有语义性的标签来包裹是非常有必要的。

2017-04-24