码迷,mamicode.com
首页 > 其他好文 > 详细

神奇的margin之豆瓣豆瓣么么哒

时间:2014-08-13 00:56:04      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:blog   http   ar   2014   问题   div   html   时间   

      在经过周末的豆瓣主页和这周的豆瓣电影,表示网页什么的已经被我玩坏了。

       老师在周末布置豆瓣主页,对于只学了四天的css和html的我,表示鸭梨山大。

  最开始的两个小时只能做出一个连自己都看不下去的导航栏。最后在网上各种百度,问同学,在前辈的帮助下,勉强写出了个框架。经过熬夜到凌晨五点熟悉了写网页的基本套路后,开始觉得网页什么的太happy了。

      在后来做豆瓣电影时基本排版两个小时就搞定了。开始觉得飘飘然的时候,发现网页布局细节有很多问题。如下图。

bubuko.com,布布扣

        看到了这样的结果,我开始反思。开始放慢自己的脚步,花了一天的时间来调试这个margin。最开始调整的时候网页布局几乎全部乱了。经过慢慢的试调过后发觉错误的的原因可能就只是那1px。我开始1px,的调试。

        最后在通过各种度娘,和看书,终于把margin和padding搞清楚了。慢慢掌握了利用margin来布局的一些技巧。慢慢解决我写的网页上的细节问题。最后对比原图发现,哪怕1px的差别都是很大的。

   现在的人们,对于界面的美观要求越来越高了。现在table布局已经被抛弃。div是主流,在div中margin设置时很重要的。

        总而言之,网页的美观在于细节。对于一个web初学者来说,在后面的学习中我会放慢自己的脚步,静下心来写好每一个页面。

 

神奇的margin之豆瓣豆瓣么么哒,布布扣,bubuko.com

神奇的margin之豆瓣豆瓣么么哒

标签:blog   http   ar   2014   问题   div   html   时间   

原文地址:http://www.cnblogs.com/qwdlove/p/3908996.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!