《div+css入门思想引导》由会员分享，可在线阅读，更多相关《div+css入门思想引导（1页珍藏版）》请在金锄头文库上搜索。
1、. .div+cssdiv+css 入门思想引导入门思想引导随着 W3C 网页标准的影响和优势组件深入人心，国内许多门户网站纷纷转 为用 div+css 技术来重新编写网站页面，而对于许多已经习惯 table 布局的程 序员来说，要一下子转换自己的思维，用一种全新的思维方法来面对布局这一 工作的时候，是有困难的。为了克服这种困难感，笔者在此谈谈自己的一些心 得体会。过去，在拿到设计师设计好的网页 PSD 文件后，通常我们都是切图，然后 使用 Dreamweaver 等软件，表格创建好框架后导图，然后开始具体代码的编写， 现在我们应该暂时遗忘这种方法，当拿到一个 PSD 文件后，先在白纸上画清楚
2、 这个网页的结构层次，并给每个模块赋予相应的名字。一般来说，一个普通的网页，大致可以分为以下几个大模块：头部，logo 区、导航区、内容区、友情链接区、底部说明区。这些大模块里面又可能划分 成若干个小模块，以内容区为例，可以按上下关系，分成第一部分焦点区 (ID:focus)、第二部分图片区(ID:photo)、第三部分评论区(ID:review)等等， 而里面的每个模块又可以继续细分小模块，一直细分到表现不同内容功能的元 素。任何一个 html 页面，都是由表现不同功能、具有不同层次的模块和元素组 成的。最基本的集中元素分别是：标题(h1-h6)、段落(p)、图片(img)、动画 (swf)
3、、音频(mp3)、视频(mpeg、rm)等。在一个网页上，具有相同或相似表现 效果的，尽量用相同的元素名称去定义，既可以有效减少代码，又便于日后的 网页改版。与此同时，划分网页模块的过程，也是一个给模块和元素命名的过程，以 模块的命名为例，每个模块一般都要加上它的父模块名称作为前缀，比如说， focus 区里面的左侧区，则命名为 focus_left,这个子模块里面的图片子模块， 则命名为 focus_left_photo.通过添加父模块名称的前缀来命名，既可以明确 标注每个模块的从属关系，又可以让其他后来跟进的人员可以快速理解该模块 的含义，从而便于管理和维护。(当然这个不是一定的，根据个人习惯需求来书 写。)在初期的学习中，可以挑选 10 个左右不同复杂程度的现成网页，花几天时 间，从简单的页面开始，逐一秒素清楚每个网页的结构层次，每个模块应该如 何命名，最底层的元素如何定义，可以说，随着网页结构层次的逐渐解剖和各 个模块、元素的逐一命名，一个完整的 css+div 网页代码，至少已经写完了 1/3，再逐渐学习 css 的属性，和兼容性，我想，这样循序渐进的过程，很快就 可以掌握 div+css 网页布局的技术了。
