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

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

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

全部评论问答未解决精华

div滥用

最新回答 / 你好再见2333

可以看看这节课http://www.imooc.com/learn/20

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

2016-02-16

请问，“微博用户发言信息列表制作”一课中，关于margin-left:-100px的负号如何理解？

已采纳回答 / kikychn

<...code...>

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

2016-02-02

本人有点小白，没看这课的时候一直都是拿设计图，先切出几个大块加背景，之后再在里面填内容，看完这节表示有点蒙，不知道该怎么做了，，请大神指导？

最新回答 / 全栈港

只能说我刚开始也是，刚开始接触时，拿着设计稿，先是根据样式来的，一边写HTML代码，一边写css，对各部分的分块也是无头绪，但是你这方面的视频是有案例的，你就会学到的，比如，先把页面分别为上中下三个结构，这是网页最基本的结构，然后再将这三个部分划分；再有，将大部分的小块根据功能来划分比如菜单栏，导航栏，排名，公告栏，内容等等。这节课的内容如果要领会，你必须有实践基础的，真实案例制作才会让你真正领悟这些思想。但是别忘了，基础一定要牢固啊~

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

2016-02-01

是简易代码更重要，还是观看方便后期维护更重要？更外这三种到底哪一种更接近企业中的要求

最新回答 / Alphonse丿

初学者还是按初学者的思路一步一步来

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

2016-02-01

e e e

已采纳回答 / Emma大神

曲项向天歌~~~

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

2016-01-28

使用width,height:95px;来设置图片的长宽，是设置盒子模型里面content的长宽吗？而且用这个方法设置的长宽在浏览器上面图片（也就是白色的那个框）显示的并不是9595而是10295。

已采纳回答 / qq_念旧人依旧_0

用width,height:95px;来设置图片的长宽,设置的是每一张图片的长宽，由于图片标签img是行级元素，所以4张图片会按照类似文字排列的格式在同一行进行显示。注意，背景图片自然包括白色框，调长宽内边距和外边距之后只是使得4张图片自然嵌入背景图片所拥有的白色框中。

2 回答 2257 浏览 3-3 编程挑战

2016-01-20

.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 回答 764 浏览 2-1 微博用户发言信息列表制作

2016-01-17

关于定位的问题

最新回答 / 全栈港

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

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

2016-01-13