如何深入的学习好CSS？

一. CSS学习重在方法

学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法!

要想掌握CSS, 首先要学会HTML，因为一个样式它是不可能脱离HTML页面的，HTML不与样式结合的话, CSS就失去了存在的意义。所以一般书中都会举一个例子，然后让你上机测试效果，这是笔者想让你有对样式表CSS有一个初步的印象，告诉你CSS能做什么。一个小例子：“麻雀虽小，五脏俱全”，你可能看不懂每一个语句的真正意思。但是你可以记得例子的模式，以后在实践中不断地用，不断用的过程就是不断记的过程，所以不能恢心，不能总认为自己记忆力不好，但不管你骑的是牛也好，千里马也罢，只要有恒心，一定会到达终点的。

二. 掌握CSS的四个学习阶段

阶段一：不去想浏览器的兼容性问题的情况下能做出页面，但页面里到处用TABLE的模式DIV写出的页面。

阶段二：想到了兼容性问题，但无法提前预防，只会修补问题，大量使用HACK技术(我对HACK技术只是知道，但用的很少)

阶段三：可提前预防BUG，但样式表中大量应用了ID,CLASS，CSS译过来是重叠样式表，比如“DIV P SPAN”。这句代码是标明DIV子元素中P的子元素SPAN，这样写就可以定义SPAN的样式了，不用在SPAN中加入CLASS了。这也就是CSS的优点所在，为什么不好好利用而一定要定义一个CLASS呢!

阶段四：这一阶段是最难的，良好的HTML语义结构、合理的CSS、可重复利用的样式。良好的语义有这方面的文章,合理的CSS，这两方面以后一定会写专题来研究。

三. CSS初学者常见问题

第一个要求是缩图的正下方要有个标题。作法相当直接了当：在你的 HTML 里放上图片，接着一个断行 (BR)，再把标题放在一个段落 § 里并且置中 (利用 CSS)。

接着我们要让这些缩图跟标题成对地排列在浏览器窗口里。使用表格排版时，这一对对的缩图跟标题会被分别放置在 TD 里。在使用 CSS 排版时，我们要把它们分别放置在 DIV 里。为了让它们能水平排列在窗口上，我们用 CSS 让这些 DIV 往左浮动 (FLOAT)。

在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】每天更新最新技术文章干货。

问题1：学CSS应该选什么样书来读?

先推荐几本：《CSS权威指南》

如果对HTML还不太了解的话，可以先读读《HTML参考大全》这本书，这本书即是一本教学书同时也是一本很好的用来查询HTML的工具书。最近出版的《精通CSS》、《无懈可击的Web设计》都是非常好的书，但不适合没有有CSS基础的人读，要想成为一个优秀的CSS Builder，还要有扎实的英文基础，那样你就可以去阅读国外的CSS教程，参与相关的论坛，有人说，不懂英语可以只看代码，但事实上，他们的书中论述的不仅仅是代码，更重要的，是他们会告诉我们编码的思想和编码的方法，这些都是我们值得去学习和领会的。

问题2：用什么软件编辑CSS代码?

Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术）。

问题3：先写HTML还是先写CSS?

网上有很多种答案：其一先写HTML后写CSS;先写CSS后写HTML;其二两者同时写。如果让一个人编写代码，让他先写HTML,写完后 HTML不能修改了，然后写CSS，如果他可以写出来，那这个人一定是一个水平非常高的Builder了!所以对于初学者，多数情况下建议同时编写，

具体步骤：

先要把站点建好，目录建好，比如建好文件夹CSS,IMAGES,这两个是最其本的，然后新建一个HTML文件，一个style.css一个空的样式表，把HTML页连接到这个外部样式表。

然后我们先写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。

写好这些后，这时你可以到样式表中写样式，或者你在接着写布局里的部分，拿头部为例，在头部写入LOGO部分，NAV部分也同样加入ID或CLASS。其它同理。

为什么说不可能一次性把HTML部分写好呢，因为人都是可能犯错误的，可能你的想法写的过程就是有问题的，或者为了浏览器的兼容性问题，有些是你由于经验的不足没有提前预料到的，所以当你写样式时发现了问题时就有可能要改动你的HTML的代码。大至的写法就是这样，你也可以HTML/CSS同时进行，都是可以的，看你的习惯。我们写代码时很多时候是边写代码边测试，也不是说写一句测试一句，而是写了一段代码后就进行浏览器的测试，我是同时用IE6与FF一起测试。一个优秀的制作师他们的代码多数情况写了很多时他们才测试一下，是因为一个人如果经验多的话，他们就会知道并提前预防浏览器错误显示的发生了!所以他们写代码的速度比没有经验的人快。他们已经经历过了你所要经历的错误，你第一次遇到错误的浏览器显示问题你要花时间去修补，而他们可提前防止或遇到了可立即解决问题!这就是你与他们的不同点之一。

初学者与高手不同点之处还有一个就是高手们使用了大量的快捷键，所以一定要记住那些常用的快捷键，每一个小的细节都有一点提高，综合在一起就是很大的提高。

另外提高自己的水平最好的方法就是多实践，多找一些比较好的HTML+CSS的模板进行编码实践，开始时要选一个简单点的，把页面截图，然后把这张图用自己的想法还原成HTML页面……

如何深入的学习好CSS？相关推荐

雷宁轮播图编辑html,零基础学html+css
零基础学html+css是一本专为初学者设计的html+css基础教程,由雷宁等人编著.本书内容丰富翔实,全书由浅入深的讲解了HTML语言和CSS的语法基础,并且还以DIV+CSS布局为重点,提供30 ...
零基础小白如何学习好UI设计
智能时代的来临,很多企业都越来越注重用户体验这一块,想要有一个吸引用户的好页面,UI设计师岗位不可或缺,如今越来越多的人想要学习UI设计技术,那么对于零基础小白如何学习好UI设计呢? 零基础小白如何学 ...
轻松学HTML+CSS网站开发
2019独角兽企业重金招聘Python工程师标准>>> <轻松学HTML+CSS网站开发>一书共分5篇. "概述篇" 主要包括网站工作机制.网页构成. ...
【入门须知】学DIV CSS技术如何入门?
[入门须知]学DIV CSS技术如何入门? 引言: 引用一本书中的一段文字:"当我第一次开始学习汉语时,我的家庭老师老王给了我一本汉英字典.一本汉语语法书和一本初级教程.但是,他将这些书放 ...
python在哪里学比较好-Python哪里学习好?老男孩python入门
都知道无论是零基础还是没有基础不少人都会学习Python,因为该语言简单易懂.容易入门,适合零基础学习,不过在学习之前很多人都关注Python哪里学习好?学习需要多久呢?老男孩教育为大家总结一下吧. ...
如何自学python知乎-学习Python价格多少?如何学习好?老男孩IT教育
现在的互联网巨头,都已经转投到人工智能领域,而人工智能的首选语言就是Python.Python作为编程言语,魅力远超C#,C,C++,被称为"胶水语言",更被酷爱它的程序员誉为&q ...
捷足先登学用CSS：HTML结构化
捷足先登学用CSS:HTML结构化作者:阿捷 2005-4-15 12:29:43 table { border: 1px dotted #666; } td { padding: 5px 5px ...
学习理发去哪里_学美发去哪里学习好
学美发去哪里学习好?其实在我们的生活中只要观察一下就可以发现,如果有一手较好的美发技术的话就可以有一些优势了,一家美发店的开设便是财源广进的开始.所以说就算仅仅只是一家很小的店面的话也是很有竞争力的. ...
学HTML5 + CSS，用什么软件好?这有最佳HTML5和CSS3代码生成器
学HTML5 + CSS,用什么软件好?HTML5 和CSS3是一入门就能用的最好的语言,最简单同时也最好的的方式就是直接开始做!那么生成器就在自动生成代码时扮演者重要角色,它们非常适用于那些要做很多 ...

如何深入的学习好CSS？

如何深入的学习好CSS？相关推荐

最新文章

热门文章