神奇的margin之豆瓣豆瓣么么哒
在经过周末的豆瓣主页和这周的豆瓣电影,表示网页什么的已经被我玩坏了。
老师在周末布置豆瓣主页,对于只学了四天的css和html的我,表示鸭梨山大。
最开始的两个小时只能做出一个连自己都看不下去的导航栏。最后在网上各种百度,问同学,在前辈的帮助下,勉强写出了个框架。经过熬夜到凌晨五点熟悉了写网页的基本套路后,开始觉得网页什么的太happy了。
在后来做豆瓣电影时基本排版两个小时就搞定了。开始觉得飘飘然的时候,发现网页布局细节有很多问题。如下图。
看到了这样的结果,我开始反思。开始放慢自己的脚步,花了一天的时间来调试这个margin。最开始调整的时候网页布局几乎全部乱了。经过慢慢的试调过后发觉错误的的原因可能就只是那1px。我开始1px,的调试。
最后在通过各种度娘,和看书,终于把margin和padding搞清楚了。慢慢掌握了利用margin来布局的一些技巧。慢慢解决我写的网页上的细节问题。最后对比原图发现,哪怕1px的差别都是很大的。
现在的人们,对于界面的美观要求越来越高了。现在table布局已经被抛弃。div是主流,在div中margin设置时很重要的。
总而言之,网页的美观在于细节。对于一个web初学者来说,在后面的学习中我会放慢自己的脚步,静下心来写好每一个页面。
转载于:https://www.cnblogs.com/qwdlove/p/3908996.html
神奇的margin之豆瓣豆瓣么么哒相关推荐
- 第一行代码android 豆瓣,豆瓣blog » Blog Archive » 豆瓣的初衷
六年前,我开始写豆瓣第一行代码的时候,是想做一个关于生活发现的服务.也就是说,豆瓣想帮人发现真实生活里的好东西.今天豆瓣有一百多人的团队了,我们依然在做一个关于生活发现的服务. 这个想法可以在2005 ...
- 还有这种书,程序开发心理学(豆瓣) - 豆瓣读书,转载自:https://book.douban.com/subject/1141154/...
登录/注册 下载豆瓣客户端 豆瓣 读书 电影 音乐 同城 小组 阅读 FM 时间 豆品 更多 豆瓣读书 购书单 电子图书 豆瓣书店 2018年度榜单 2018书影音报告 购物车 程序开发心理学 作者: ...
- mysql 豆瓣,豆瓣数据库原理
Linux + Nginx + mysql + python 平台. 每天有1000万小组话题,1600万组照片,200G结构化数据,800G文本,10T图片,2T日志,6T音乐,2T各种备份数据. ...
- 豆瓣评分9.0+,这几部纪录片看一部少一部!
纪录片是以真实生活为创作素材,以真人真事为表现对象,并对其进行艺术的加工与展现的,以展现真实为本质,并用真实引发人们思考的电影或电视艺术形式. 好的纪录片就像打开了一扇新世界的大门,让我们了解更多世界 ...
- 豆瓣FM产品分析 | 纯粹极简的听歌APP
2019年7月1日豆瓣FM6.0版本正式上线.对于这次大版本更新,官方的定义是:"极简的页面设计和交互方式,让一切回归于音乐本身".听上去挺不错的,让我们开启对这款产品的体验之旅吧 ...
- 豆瓣再美好,也只是生活中的一瓣
人们感到痛苦的不是他们用笑声代替了思考,而是他们不知道自己为什么笑以及为什么不再思考. --赫胥黎<美丽新世界> Ask 1:你为什么会迷上豆瓣? Question 1:看评论,加小组,交 ...
- 在移动设备上使用豆瓣FM Pro
本周一豆瓣电台推出了收费服务豆瓣FM Pro,用户每月支付10元,即可比普通版多享受两项服务:192kbps音乐以及去除听音乐过程中的广告.这是豆瓣商业化的一次尝试. 今天豆瓣FM的的移动应用更新,支 ...
- 豆瓣高分书!Python编程从入门到进阶都有!
"现在很难找到一个没有广泛使用 Python 的编程领域了."--TIOBE CEO Paul Jansen 在 8 月初的 TIOBE 编程语言排行榜中,Python在众多编程语 ...
- “豆瓣”来了:杨勃重塑移动
"豆瓣",豆瓣的第12款App姗姗来迟.这是豆瓣的分水岭:移动业务不再"重度垂直"而是走向"通用性.轻量级和平台化",豆瓣的"慢公 ...
- 5部高分学科纪录片,在家也能受益良多!
全世界只有3.14 % 的人关注了 爆炸吧知识 ▌导读 本文为同学们整理了5部高分经典学科纪录片,这不仅是课堂学习的补充与延伸,更是开拓视野.激发学习内驱力的绝佳利器.建议收藏! (关注视频号少年数学 ...
最新文章
- 浙江大学PAT考试1009~1012(1010上帝是冠军。。)
- k近邻法matlab_机器学习系列(一)K近邻算法(KNN,KNearestNeigh
- Junit单元测试学习笔记一
- ZooKeeper available but no active master location found
- 数据库---表的操作
- 断开的管道 java.io.IOException: Broken pipe 解决方法
- pip镜像源+修改linux配置用永久生效
- 利用uiautomator2刷金币
- mysql数据库导入导出sql文件
- TCP和UDP的区别(简单明了)
- 基于java jsp企业人事管理系统mysql
- 电脑远程连接android手机
- 解决GitLab 502
- [ZT]:fancy设置latex页眉页脚
- IOS相关培训机构课程内容汇总
- 几种分布式存储系统的分析
- liteos简介(一)
- Fitbit Flex 智能手环佩戴心得 主要说说过敏
- 配置本地时间服务器(集群)
- uniapp开发环境搭建