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

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

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

全部评论问答未解决精华

夜蝶翱翔

加padding图片右边会多出来，之后指甲油就不再图片中间了吧

0 3-3 编程挑战

2016-12-13

rejeo

这算不算是减轻了DOM结构，提升了页面的加载速度呢？

1 3-3 编程挑战

2016-12-11

上衫原

不喜欢层层嵌套的div，看着就不好改。高级编程的思想虽然对我来说可能只是听听，知道有这么种方法，自己去写还是按照初级编程的思路来，但想逐步的改变，写一种简单整洁的页面

0 2-3 排行榜制作

2016-12-09

篱落

我的答案：
img{padding:1px 20px 37px 30px; margin-right:10px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);}

0 3-3 编程挑战

2016-12-07

蓦然丶浅草

我还是比较赞同下面说思路方式的，毕竟做法不是唯一，思路才是比较重要，适合不适合看个人实际应用罢了。

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

2016-12-05

蓦然丶浅草

真的很棒哦。从3个层次去讲解制作方法学习到了。从思路上出发，很棒

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

2016-12-05

coding_Boy

这个原理就是通过内边距padding将img中的图片内容撑大

1 3-3 编程挑战

2016-12-04

zeen

我觉得高级那个边界填充太难调了，也不符合语义化

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

2016-12-02

慕圣1879199

听完课后简单的理解就是能少用div则少用。

2 2-3 排行榜制作

2016-11-30

云朵ls

需要学习的还很多

2016-11-30

片布斯尼ing

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

0 3-3 编程挑战

2016-11-28

铜方块

惊了！还能这样！受教了！代码减少的不是字符，是流量，是钱啊！

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

2016-11-26

慕后端7911247

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

0 3-3 编程挑战

2016-11-26

丶雪碧锅锅锅锅锅

看了评论区前几条，觉得无语，这门课明显是让大家学会运用结构与表现分离的这样一种思想，遇到可以简化的就试着简化，然后再来考虑是否简化得当，而不是说一定要用text-indent这样的属性。。。

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

2016-11-24

丶雪碧锅锅锅锅锅

。。。。我。。。。想到的是用table标签将其弄到一个N行2列的表里面。。这算什么思想

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

2016-11-24

首页上一页 10 11 12 13 14 15 16 下一页尾页

该课程已下架

课程须知: 1.html+css简单的基础知识 2.有网页制作实战经验

老师告诉你能学到什么？: 1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码，参与3人拼团

热搜

最近搜索清空

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