HTML5+CSS3布局 主要工作 布局之前先在站点中建立几个文件夹(分门别类或内容)和index.htm文件; 如images、css等; 利用HTML5框架放置网页元素 如图片、文字、超级链接、表单等 利用CSS控制每一网页中的元素显示的效果 建议控制显示效果时,先全局,再局部 CSS 在CSS文件中根据全局到局部情况,分别编写相应的css文件; Layout.css、font.css、link.css 在对每一网页进行CSS样式控制时,先对页面元素清0,再逐步控制。 Layout.css 整体清0 *{margin:0px; padding:0px; font:12px Arial,宋体; text-align:center; } 在body中定义一个id,名字为container来定义body中所有元素的样式 #container {width:960px; 去掉浏览器两边滚动条宽度后的范围 text-align:left; 居左 Margin-left:auto; Margin-right:auto; } 块元素 Display:block;以块的形式显示,方便布局 常见块元素 Address:地址 div: Dl Form Blockqukte Fieldset:form块控制 H1~h6 其它 为了解决区块单独占一行,用float 定位:postion 清除影响(float):clear Nav实例