如何从零开始学习DIV+CSS

html-css014

如何从零开始学习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:只有目的明确,结果清晰,过程才最高效,才不会轻易被干扰,被改变方向。

可以考虑使用dreamweaver等可视化编辑工具。

新手在不熟悉的情况下,不应该直接敲代码,应该借助工具慢慢掌握。

你的这个logo是左浮动,当然就是在左边。

1、打开你要仿的站

2、鼠标右键>查看页面源代码>全部复制>新建文本文档>将内容粘贴进去>将文档的拓展名改为.html

3、找到<link ... >中得CSS文件>全部复制>新建文本文档>将内容粘贴进去>将文档的拓展名改为.css

4、在第二步拷的内容中查找 <img 用src中的地址把图片全拷下来

5、在第三步拷的内容中查找 url 用括号内的地址把图片全拷下来

6、特殊效果可能要用到 script 一样的找到<script 拷内容 拓展名.js

7、上面拷的内容要放到相应文件夹中才能生效

如果是小白,你可能需要了解:相对路径、HTML标签

软件:DW