1、了解CSS作用是什么？（即CSS、html和js的关系是什么，html结构重要性）2、css基础知识、css属性样式3、html上面几点，一般都是很快的掌握了，也不需要做到精通，了解大概就可以。差不多时候，开始在网上找一些psd设计稿，自己做做看，做完之后发现问题，并把他们总结，不要要遇到一个问题就问一个，其实好多问题，是你自己马虎，还有你做着做着，就明白是怎么回事，如果真不明白也不要急。
1、弄清目的，首先要认识为什么要学习CSS？2、心态不能急，如果你很急躁，否则会很快丧失兴趣。3、坚持，这个不是一到两天的事情，是一个漫长的过程（至少两个月）。
对于网页设计初学者来说，直接使用记事本、Notepad等工具来书写代码很困难。因为Dreamweaver的代码模式有提示功能，可以在保证语法编写的正确性。并且对不熟悉的语法可以一次性书写正确。如图所示：书写div，html时DW的提供功能。书写CSS时DW工具栏右侧的CSS可视化编辑功能.谈谈如何从零开始学习DIVCSS我学习DIV+CSS时就是从Dreamweaver的代码模式学起的，也许不是最...
看得懂HTML语法，那么世界上80%的网站都能被你看穿。HTML语言很好学，一定要熟记常用的一些代码，因为有了像dreamweaver这样的帮助生成html代码的工具,所以很多人都忽略了HTML的学习.学会了HTML互联网中最基本的语言之后，在学习DIV+CSS时，你会发现：原来DIV+CSS也就那样，小菜一碟。现在都是用Notepad++、Sublime等，我这篇文章主要写的用Dw。
在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。语法：<div>…</div>确定逻辑部分：什么是逻辑部分？它是页面上相互关联的一组元素。如网页中的独立的栏目版块，就是一个典型的逻辑部分。如下图所示：图中用红色边框标出的部分就是一个逻辑部分，就可以使用<div>标签作为容器注释：<div>是一个块级元素，也就是...
<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div>固有的唯一格式表现。可以通过<div>的class或id应用额外的样式。如下代码是CSS通过id设置每个div的宽高和背景色<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</t...
HTML<span>元素是内联元素，可用作文本的容器。<span>元素也没有特定的含义。当与CSS一同使用时，<span>元素可用于为部分文本设置样式属性。定义和用法<span>标签被用来组合文档中的行内元素。如果不对span应用样式，那么span元素中的文本与其他文本不会任何视觉上的差异。尽管如此。可以为span应用id或class属性，这样既可以增加适...
HTML<div>元素是块级元素，它是可用于组合其他HTML元素的容器。<div>元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。如果与CSS一同使用，<div>元素可用于对大的内容块设置样式属性。<div>元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用<table>元素进行文档布局不是表格的正确用法。<ta...
内联元素在显示时通常不会以新行开始。例子：<b>,<td>,<a>,<img>
大多数HTML元素被定义为块级元素或内联元素。编者注：“块级元素”译为blocklevelelement，“内联元素”译为inlineelement。块级元素在浏览器显示时，通常会以新行来开始（和结束）。例子：<h1>,<p>,<ul>,<table>