药不能停之--CSS怎么学怎么记效果好?

CSS这个东西,唉,我也是不知道什么时候就学会了的。想当年根本没有前端,做网页就是table套table的时代,CSS基本上只能一种用法,就是用在a标签的链接颜色上。

后来DIV CSS的概念出来了,这时CSS开始正式走进我的视野,不学不行啊。

最开始时是简单的把table套table换成了div套div,就是所谓的DIV大泛滥,DIV满天飞。

然后就是用CSS来控制DIV的宽和高,DIV这个东西它是块元素啊,当时也不懂什么块元素,就是发现它独占一行。

那么怎么让DIV并排显示呢?查来查去发现有float:left或right,可以让DIV并排显示。

这个时候,我对CSS的了解,只能三个属性,就是width、height、float。只有这三个,多了一个都没有。。

然后就是简单粗暴的往页面上套啊套的,后来发现有时DIV之间会变有很宽的间隔,怎么办呢?

又查来查去,发现喔,,有内外间距,margin、padding,这二东西怎么用啊?不懂,反正都设为0就OK了,那就0吧,然后就是好长一段时间,margin和padding全都是0,,,

后来又发现,哎,,这个DIV要设置连线怎么办啊?这在table里很简单的事,,又查,发现是css里的border。好嘞,又会了一个:border。

后来又发现,有些东西太大了,从DIV里冒出来了,超出DIV了,咋办?又查啊查,overflow:hidden,,超出隐藏,,,

就这么着,一个一个的学会了,学会就是用会了。这就是我学习CSS的过程。我无法明确的指导你们某个人一条正确的“明路”。但我希望你们能从我的学习过程中,有一些自己的体会。

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2016-05-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏恰童鞋骚年

设计模式的征途—4.抽象工厂(Abstract Factory)模式

上一篇的工厂方法模式引入了工厂等级结构,解决了在原来简单工厂模式中工厂类职责太重的原则,但是由于工厂方法模式的每个工厂只生产一类产品,可能会导致系统中存在大量的...

811
来自专栏tkokof 的技术,小趣及杂念

HGE系列之八管中窥豹(粒子系统)

这次的HGE系列让我们一起来学习一下HGE引擎的粒子系统部分,对于粒子系统不甚了解的朋友可以从这里开始了解。

823
来自专栏游戏开发那些事

【python游戏编程之旅】第七篇---pygame中的冲突检测技术

本系列博客介绍以python+pygame库进行小游戏的开发。有写的不对之处还望各位海涵。

1841
来自专栏赵俊的Java专栏

黄蓉填充九宫格

经过分析此题要点是边界处理,即向右上移动时,超出九宫格时的处理过程,右上冲突时向下移动不需要考虑边界问题,均未超出边界。

1352
来自专栏数据小魔方

左手用R右手Python系列17——CSS表达式与网页解析

上一篇着重讲解了网页解析中的XPath表达式,今天这一篇主要讲解另一套网页解析语法——CSS路径表达式。 R语言与Python中都有支持CSS表达式的解析库,R...

3435
来自专栏牛客网

2018春招酷乐家面经分享(前端篇)一面:二面:面试总结:

前言:酷家乐面试前会通知你面试时间,面试后会反馈面试结果,总之,真的挺好的,可惜就是楼主二面没过~~~ 一面: 1.自我介绍 2.说说自己做的前端项目 3.为什...

3648
来自专栏Nian糕的私人厨房

腾讯课堂 IMWeb 七天前端求职提升营 Day 2

本次的系列博文主要是针对 腾讯课堂七天前端求职提升营 课程中,所推送的面试题目及编程练习的一次汇总,期间还包括三次直播课的分享,均由腾讯导师给大家讲解,该系列博...

926
来自专栏积累沉淀

分享一个flash播放音乐的类

//定义数组 var myXML = new XML(); var mp3total = new Array(); var mp3name = new Arra...

2069
来自专栏进步博客

[温故知新] Text-level semantics

The em element represents stress emphasis of its contents.

1213
来自专栏恰童鞋骚年

设计模式的征途—10.装饰(Decorator)模式

虽然目前房价依旧很高,就连我所在的成都郊区(非中心城区)的房价均价都早已破万,但却还是阻挡不了大家对新房的渴望和买房的热情。如果大家买的是清水房,那么无疑还有一...

923

扫码关注云+社区

领取腾讯云代金券