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

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

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

全部评论问答未解决精华

慕的地1192297

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

1 3-3 编程挑战

2016-01-18

金毛西卡

哇哇哇，好炫酷~~

0 3-1 网页换肤及总结

2016-01-18

金毛西卡

果然初学者~~

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

2016-01-18

Merlini_zc

有点玄妙哈哈

0 3-3 编程挑战

2016-01-17

.demo03 .userPic{ float:left; margin:-20px 0 0 -100px}这里的移动没明白？

最赞回答 / 前端小鸟

.demo03 .userPic{ float:left; margin:-20px 0 0 -100px}首先不加这段代码只加浮动可以看到是浮动到了离demo3（demo3此时是包含框）上20px左20px的位置，因为设置了padding：20px;然后magin也就是以这个为基准偏移了。那么也可以看作目前这个位置的坐标为（0,0）。设置-100px是什么意思呢？100px=30px(图片目标位置的右边框距离demo03的距离)+20px（内填充）+50px（图片自身宽度）,-20px也就很好理解了，上...

2 回答 766 浏览 2-1 微博用户发言信息列表制作

2016-01-17

Merlini_zc

竟然被我猜对了。。

0 2-3 排行榜制作

2016-01-17

Merlini_zc

受益匪浅啊！初学者就是要多看demo来提高姿势水平啊

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

2016-01-17

ikewyz

用最简单、最少的代码实现相同的功能。

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

2016-01-16

戒空

哈哈，我果然是初学者水平

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

2016-01-15

沉淀____

简直溜得不行！！！

0 3-1 网页换肤及总结

2016-01-15

tonysbag

我估计老师这几个例子的意思，主要是提供一种参考性和思路，让同学们知道“原来还可以这样”。在实际应用中再灵活应用。

48 2-3 排行榜制作

2016-01-14

tonysbag

看到text-indent 脱口而出：卧槽这也行

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

2016-01-14

慕盖茨1765459

开头音乐好吓人

25 1-1 内容简介

2016-01-14

关于定位的问题

最新回答 / 全栈港

我感觉position方便一些，使用绝对定位时，该元素已经脱离了文档流（不占位），设置偏移量时，若有定位祖先元素，会依据其最近的已定位独显元素为偏移量。对demo01设置position：relative；对偏移元素span设置position：absolute；right：20px；top：10px；如果用float，时间最好排在用户名那/*初级*/<...code...>但这种方式语义化不是很好，先显示时间

2 回答 657 浏览 2-1 微博用户发言信息列表制作

2016-01-13

橘子QAQ

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

0 3-3 编程挑战

2016-01-12

逆光之羽

楼下+1 各种不考虑后期维护的页面设计思路也是感人

1 2-3 排行榜制作

2016-01-12

首页上一页 52 53 54 55 56 57 58 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空