《
CSS页面布局中HTML结构化设计》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334912013.htm
Tag：设计 布局 页面
在你考虑你的页面整体表现后果前,CSS隐藏文字的几个方法，你应该先考虑内容的语义和结构，然后再针对语义、结构增加CSS。这篇文章将告知你应当怎么把HTML结构化。
根据上面讲述的，你已经晓得如何结构化 HTML，当初你可以进行布局和款式定义了,CSS透明相关技巧的介绍。每一个内容块都可以放在页面上任何处所,css透明滤镜 兼容ie6,ie7,ie8以及firefox，再指定这个块的色彩、字体、边框、背景以及对齐属性等等。
嵌套的div元素容许你定义更多的CSS规则来把持表现，例如：你可以给#header一个规则让它们都居右，或者居中，再给#logo一个规矩让它居左，而给#nav的list与form另一个完全不同的表现。
＜div id="header"＞
＜div id="logo"＞
＜h3＞
＜ul＞a list＜/ul＞
＜/div＞
＜div id="nav"＞
＜ul＞nav list＜/ul＞
＜form＞search＜/form＞
＜/div＞
＜/div＞
子菜单
首先要学习什么是“结构”，也称之为“语义”。这个术语的意思是你需要分析你的内容块，以及每块内容服务的目的，而后再根据这些内容目标树立起相应的HTML结构。
例如：cellpadding,、hspace、align="left"等等，不知道该转换成对应的什么CSS语句。当你解决了第一种问题，知道了如何结构化你的HTML,CSS选择符详解，再给出一个列表，具体列出本来的表现属性用什么CSS来取代。
结构化HTML
外观并不是最主要的。一个结构良好的HTML页面可以以任何外观表现出来，CSS Zen Garden是一个典范的例子。CSS Zen Garden辅助我们终极意识到CSS的强鼎力量。
这不是布局，是结构,CSS选择符详细说明。这是一个对内容块的语义阐明。当你懂得了你的结构，就可以加对应的ID在DIV上。DIV容器中能够包括任何内容块，也可以嵌套另一个DIV。内容块可以包含任意的HTML元素---题目、段落、图片、表格、列表等等。
页脚(版权和有关法律申明)
我们在刚学习网页制造时，老是先考虑怎么设计，考虑那些图片、字体、颜色、以及布局计划。然后咱们用Photoshop或者Fireworks画出来、切割成小图。最后再通过编纂HTML将所有设计还原表示在页面上。
第一种可能是你还不理解CSS处置页面的原理。
另一种起因是你对那些十分熟习的表现层属性一筹莫展。
站点导航(主菜单)
--> [
网站建设之]CSS页面布局中HTML结构化设计
功效区(例如购物车、收银台)
如果你盼望你的HTML页面用CSS布局(是CSS-friendly的)，你须要回首重来，先不斟酌&ldquo,CSS边框属性(border)的如何使用;外观”，要先思考你的页面内容的语义和结构。
我们通常采取DIV元素来将这些结构定义出来，类似这样：
主页面内容
上面说的只是最基础的结构，实际利用中，你可以依据需要来调剂内容块。经常会呈现DIV嵌套的情形,css语法结构，你会看到"container"层中又有其它层,CSS设计网页头部的优化写法，结构类似这样：
你正在学习WEB尺度CSS网页布局吗？是不是还不能完整控制纯CSS布局？通常有两种需要您特殊留神：
实际一下结构化
搜寻框
开端思考
标记和站点名称
假如你坐下来细心剖析跟计划你的页面构造，你可能得到相似这样的多少块：
HTML不仅仅只在电脑屏幕上阅读。你用photoshop精心设计的画面可能不能显示在PDA、挪动电话和屏幕浏览机上。然而一个结构良好的HTML页面可以通过CSS的不同定义，显示在任何地方，任何网络装备上。
＜div id="header",CSS设计制作长度高度不一样的网页区块;＞＜/div＞
＜div id="main"＞＜/div＞
＜div id="content"＞＜/div＞
＜div id="nav"＞＜/div＞
＜div id="subnav"＞＜/div＞
＜div id="search",CSS设计中选择器的巧妙使用;＞＜/div＞
＜div id="footer"＞＜/div＞
(责任编辑：网站建设)
CSS页面布局中HTML结构化设计相关文章