CSS+DIV北京网站建设页面布局中HTML结构化
CSS+DIV页面机关中HTML结构化
您正在进修WEB标准CSS网页机关吗？是不是还不能完全把握纯CSS机关？凡是有两种必要您出格仔细：
第一:年夜概是你还没有理解理睬CSS措置赏罚赏罚页面的事理。
在你思量你的页面团体默示下场前，你理当先思量内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将讲述你应该若何把HTML结构化。
第二:你对那些很是熟习的默示层属性束手无策。
譬喻：cellpadding,、hspace、align="left"等等，不知道该转换成对应的什么CSS语句。当你办理了第一种题目，知道了怎样结构化你的HTML，再给出一个列表，注重列出原本的默示属性用什么CSS来代替。
结构化HTML
我们在刚进修网页建造时，老是先思量怎么计划，思量那些图片、字体、颜色、以及机关方案。然后我们用Photoshop可能Fireworks画出来、切割成小图。末了再经由过程编纂HTML将悉数计划还原默示在页面上。
要是你但愿你的HTML页面用CSS机关(是CSS-friendly的)，你必要转头重来，先不思量“外不美观”，要先思虑你的页面内容的语义和结构。外不美观并不是最紧张的。一个结构精采的HTML页面可以以任何外不美观默示出来，CSS Zen Garden是一个规范的例子。CSS Zen Garden辅佐我们终极止解到CSS的强年夜力年夜举量。
HTML不只仅只在电脑屏幕上阅读。你用photoshop全心计划的画面年夜概不能表如今PDA、移动电话和屏幕阅读机上。可是一个结构精采的HTML页面可以经由过程CSS的差别定义，表如今任哪里所，任何收集配置上。
起头思虑
首先要进修什么是“结构”，也称之为“语义”。这个术语的意思是你必要剖析你的内容块，以及每块内容处事的目的，然后再按照这些内容目的成立起响应的HTML结构。要是你坐下来细心剖析和筹划你的页面结构，你年夜概获得近似这样的几块：
标识表记标帜和站点名称
主页面内容
站点导航(主菜单)
子菜单
搜索框
成果区(譬喻购物车、收银台 留言)
页脚(版权和有关法令声明)
我们凡是授与DIV元向来将这些结构定义出来，近似这样：
＜div id="header"＞＜/div＞
＜div id="main"＞＜/div＞
＜div id="content"＞＜/div＞
＜div id="nav"＞＜/div＞
＜div id="subnav"＞＜/div＞
＜div id="search"＞＜/div＞
＜div id="footer"＞＜/div＞
这不是机关，是结构。这是一个对内容块的语义声名。当你理解理睬了你的结构，就可以加对应的ID在DIV上。DIV容器中可以搜罗任何内容块，也可以嵌套另一个DIV。内容块可以搜罗恣意的HTML元素---问题、段落、图片、表格、列表等等。
按照上面讲演的，你已经知道怎样结构化 HTML，此刻你可以举办结闲谈样式定义了。每一个内容块都可以放在页面上任哪里所，再指定这个块的颜色、字体、边框、背景以及对齐属性等等。
实践一下结构化
上面说的只是最根基的结构，实际应用中，你可以按照必要来调解内容块。常常会呈现DIV嵌套的情形，你会看到"container"层中又有其余层，结构近似这样：
＜div id="header"＞
＜div id="logo"＞
＜h3＞＜/h3＞
＜ul＞a list＜/ul＞
＜/div＞
＜div id="nav"＞
＜ul＞nav list＜/ul＞
＜form＞search＜/form＞
＜/div＞
＜/div＞
嵌套的div元素许可你定义更多的CSS轨则来节制默示，譬喻：你可以给#header一个轨则让它们都居右，可能居中，再给#logo一个轨则让它居左，而给#nav的list与form另一个完全差此外默示。
总之css的机关方面是有很多的,年夜家必然要专心研究方可通. --供应本文 转载请注明
（发布时间：2011-02-17 01:11）
相关内容：
- 北京网站建设之中小企业网站建设
- 网站设计师应该避免的43个Web设计错误-北京网站
- 企业网站建设内容设计的误区
- 北京网站建设--网站建设全过程以及网站制作过程
- 什么是影响网站业务转化率的重要因素
- 北京网站建设做网站第一步是什么？
- SEO增加反向链接的方法汇总
- 室内 设计颜色规划
- 我的计算机上管理的硬盘空间是否与Windows 7容易
- 关于物理硬盘数据丢失和恢复
- 北京网站建设关于网站优化的建议
- 北京网站建设--网站建设全过程以及网站制作过程
推荐内容：
