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

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

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

全部评论问答未解决精华

鬼谷子钢

老师讲的结构与样式分离的思想很好，收益匪浅……

2016-08-29

跳舞的战士

很关键，减少了太多的代码量

0 3-1 网页换肤及总结

2016-08-27

怎样实现这样的边框？

已采纳回答 / 倚笑乘风

把图片转换成块级元素，给一个padding再给border不就行了。

1 回答 753 浏览

2016-08-26

例3 margin-left：-100px;以后，头像消失了

+ 我来回答回答最高可+2积分

1 回答 805 浏览

2016-08-26

温酒斩华腾

看清楚啊　　兄弟们　这不是说让你遇见类似的都这样做　只是教给我们这种思想　具体运用还是要看情况的啊

3 2-3 排行榜制作

2016-08-25

summerl

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

2 3-3 编程挑战

2016-08-23

cp0417

但是每次看实战演示，老师都会写很多DIV ，每层都会用DIV包起来，说是为了后面使用CSS时命名方便

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

2016-08-23

hold你的潇洒

这个思想就是禅意花园的css模板思想吧！

4 3-1 网页换肤及总结

2016-08-23

背景图是怎么找到的

已采纳回答 / 西西要崛起

图片地址是网页上的，通过background引入即可

3 回答 1042 浏览 3-3 编程挑战

2016-08-22

完全不明白这个编程的意义是什么。。求解释。。。

已采纳回答 / 奔走的阿木木

来吧，还是我给你讲讲吧，这章的目的是教你怎么简化你的HTML布局，因为HTML过多的话会影响那网页的加载速度，最后一个例子举得有点牵强，他的目的是为了说明，横向排列的四个图片可以不用分成四个div然后分别给四个div浮动，再设置margin啥的，直接写在一个div中，统一对img进行css样式设置，距离直接margin和padding解决

3 回答 1435 浏览 3-3 编程挑战

2016-08-22

这个背景图片为什么不写padding属性就不出来？

已采纳回答 / ScorpChen

应该是设置了padding后作为content的图片大小变小了，因为总大小没变。

4 回答 1492 浏览 3-3 编程挑战

2016-08-22

桐谷还灬和人

我们只是为了后期的维护（部分人群）就放弃了用户体验这是本末倒置的，编程是为了用户服务而不是仅仅为了我们维护。再说这个可维护性，如果你有了这样的分离思想，你真的会觉得难维护吗？现在我们只是习惯性的认为HTML必须要有一个系统的结构。然而分离思想是一种全新的方法。就像当时的地心说年代，哥白尼提出的观点是多么的受人排挤，我们是时代的前沿者，是好的我们要吸收，运用。而不是抵触。至于扩展性，呵呵得直接定位扩展性强？还是一个一个div扩展性强？

8 2-3 排行榜制作

2016-08-22

桐谷还灬和人

我也小小的说一下个人的想法:看到 HandMU 说的，我觉的有一下几个地方考虑的不够周全，第一节课有一句话说的很到位，HTML结果是房子的结构，而css是房子的样式，我们没了精美的装修也可以住人，只是并没有那么好的居住性。HTML也一样，我们不是为了样式而使用样式，我们是为了使得内容更加美观，可视性更强，才使用的样式。那么为什么我们一定要用结构来规范每一个代码（当然，结构性能让后续更方便的对代码进行维护--------仅是初级中级者）。但是大量的冗余使得浏览器解析速度变慢，使得用户的体验性变差。做过一阵子开发的知道，后台开发是优化数据传递效率，前台开发是优化页面进程加载和视觉体验性。

3 2-3 排行榜制作

2016-08-22