divcss基础要学多久（如何有效快速的学好DIV）

作者：岛识-岛主

前言：自2000年以来，随着互联网的发展，从一开始的table表格建站，到06–08年之间用DIV css，制作网站，以及发展到今天，需要用HTML5 CSS3做网站，除了支持PC电脑端之外，还得继续支持平板或者手机端，响应式的网站，以及发展到今天的前端不断的更新以及在工作中 需要应用到各种框架等等。本教程适合新手入门级， 对于HTML代码感兴趣的人群以及广大的网页爱好制作者。

之前遇到网友来问我，如何快速的学好HTML CSS，那么来让岛主老师来和大伙说说，如何快速入门。

其实入门不是很难，对于有一定英文基础的朋友们来说，上手相对来说会好一些。那么笔者来和大伙们说说如何入门。

首先第一个需要熟练掌握一门关键，刚开始的时候建议使用DW (dreamweaver简称），或者用sublime text3,notepad等等，具体后期根据自己的习惯来定，前期新手入门建议使用DW。

第二部分，就是HMTL的结构，我们日常接触的网站网页是由哪些标签结构组成。以及我们日程需要用到哪些HTML标签，以及常用的浏览器的了解，写出来的页面需要兼容哪些浏览器。对于不同的浏览器如何去兼容。常用的 chome,Firefox, saifar,等等以及目前是上主流浏览器的兼容性。

接下来的是段落的CSS样式设置，常用的一些样式标签，字体颜色，大小，下划线，hover，文字滚动以及CSS样式的常见的几种方式，有行间样式，桥链等等。

第五部分图片的切片以及如何通CSS样式的方式去写一个鼠标hover的效果，以及在应用中，切片的保存方式。

第六部分，W3C盒子模型，也就是DIV盒子模型，DIV和table之间的区别，class以及ID的区别，浮动方式，内边距，外边距的设置。

第七部分，关于盒子模型当中的 绝对定位，相对定位，浮动定位。网页中间什么时候使用绝对定位，什么时候使用相对定位，把这个掌握了，基本DIV CSS都已经熟练掌握了，后期只需要通过2-3个页面练习一些就能学好。

第八部分，关于项目列表的使用，ul,ol,li,dl,dt,dd各自的使用方法。

之后关于网页中的表单的使用方法，常见的注册表如何制作以及iframe框架的使用。

第九部分关于日常网站CSS样式命名介绍常见的网页布景划分。

当然了，作为一名网站维护也好，还是设计师也好，还是前端也好，都需要了解ftp,域名的注册，虚拟主机的配置，以及备案等的整个流程。按照整个步骤，学好DIV CSS 基本问题不大，只需要五到六天的时间即可。