如何从零开始学习DIV+CSS

html-css011

如何从零开始学习DIV+CSS,第1张

,而是采用DIV+CSS的方式实现各种定位。

1:学会HTML语言,再学习DIV+CSS时会得心应手。

看得懂HTML语法,那么世界上80%的网站都能被你看穿。HTML语言很好学,一定要熟记常用的一些代码,因为有了像dreamweaver这样的帮助生成html代码的工具,所以很多人都忽略了HTML的学习.学会了HTML互联网中最基本的语言之后,在学习DIV+CSS时,你会发现:原来DIV+CSS也就那样,小菜一碟。

2.使用Dreamweaver的代码模式来编写DIV和CSS。

对于网页设计初学者来说,直接使用记事本、Notepad等工具来书写代码很困难。因为Dreamweaver的代码模式有提示功能,可以在保证语法编写的正确性。并且对不熟悉的语法可以一次性书写正确。

如图所示:书写div,html时DW的提供功能。

书写CSS时DW工具栏右侧的CSS可视化编辑功能.

我学习DIV+CSS时就是从Dreamweaver的代码模式学起的,也许不是最好,但很实用。

3:养成良好的书写习惯.

有良好的生活习惯,说明这人会过日子,有良好的CSS书写习惯,说明这人做事严谨。写css的时候网上有很多推荐的规范,比如菜单类用menu,版权用copyright(CoryRight),底部用footer等等,在书写顺序上一般是:显示属性-自身属性-文本属性。当然这些都没有硬性的规定,但是遵循一些不成文的规定不是坏事,这样让自己写的代码,容易让别人读懂,搜索引擎也更加喜欢。

4:只有目的明确,结果清晰,过程才最高效,才不会轻易被干扰,被改变方向。

学习CSS并不单单只是学习css,还有很多东西要学,简单的给你列一下,希望可以帮助到你:

1、学习CSS必须先学会Dreamweaver或者其他的编写代码的软件,不过推荐使用DW,一则比较容易上手,而来你编写CSS代码也比较方便。

2、有了DW的基础你就可以开始学习CSS了,这个你就先要了解CSS的命名规则以及一些简单的语法,如果你需要更加熟练的掌握他并运用好他,成为一名优秀的设计师的话,最好学习一下C语言,然后再去学习一下js、ajax这些脚本语言,对你日后的工作或者学习有很大帮助。因为很多很炫的效果都是通过ajax以及CSS相互配合完成的。

3、最好能够会PS,其次会FW,这些都会成为你完成作品的最好的工具。

4、前期也许你不会写很好的CSS代码,你可以先去网上下载一些CSS模版,那些都是非常好的,你可以先看看人家是怎么写的,然后自己学着写,慢慢的你就熟悉了,其实很简单的。

5、学什么都要有耐心和进取心,不能太浮,一定要沉下去,这样你才会完全掌握他精通他。

这些也是我个人的经验,希望可以在你学习CSS的时候有一点点帮助。

这样可以么?

最基础的还是需要了解下,比如什么是盒子模式,这个可以说是DIV排版的核心所在。再就是CSS几个常用的属性,例如:float、padding、margin、overflow、display、position、z-index、clear。其它一些如果你常写表格基本相同的。

下面给你一个盒子模式图,你仔细看下

通过这个图大致的可以看出来一个DIV构架由哪些组成。

这里重点属性是overflow和margin这个属性,IE和FF的兼容性总是很变态,所以这个涉及如何解决兼容了。

你可以选择一个页面,用纯DIV+CSS进行构架。在不同的浏览器中进行调试,这个过程下来代码兼容性也提高了,好多属性也就明白了。