html5布局ppt,HTML5+CS3布局.ppt

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实例

* Html 5页面一般框架 便于维护和修改,对搜索引擎更友好,预留扩展,无障碍浏览功能 分区级语义元素 Article Aside figure figcaption footer header hgroup nav section * HTML5 Demo

Html 5页面一般框架 *