HTML基础教程：div元素实现布局-一鸣资源网

HTML基础教程：div元素实现布局使用元素的 HTML 布局

注释：元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。

这个例子使用了四个元素来创建多列布局：

#header { background-color:#1aaa11; color:white; text-align:center; padding:5px;}#nav { line-height:30px; background-color:#eeeeee; color:#faaaff; height:300px; width:100px; float:left; padding:5px; }#section { width:350px; float:left; padding:10px; }#footer { background-color:#166611; color:white; clear:both; text-align:center; padding:5px; }天华信息教育第一组第二组第三组这是标题

这是内容

天华信息教育

HTML基础教程：div元素实现布局

HTML5 语义元素

header 定义文档或节的页眉

nav 定义导航链接的容器

section 定义文档中的节

article 定义独立的自包含文章

aside 定义内容之外的内容（比如侧栏）

footer 定义文档或节的页脚

details 定义额外的细节

summary 定义 details 元素的标题

header { background-color:#1aaa11; color:white; text-align:center; padding:5px; }nav { line-height:30px; background-color:#eeeeee; color:#faaaff; height:300px; width:100px; float:left; padding:5px; }section { width:350px; float:left; padding:10px; }footer { background-color:#166611; color:white; clear:both; text-align:center; padding:5px; }天华信息教育第一组第二组第三组这是标题

这是内容

天华信息教育

HTML基础教程：div元素实现布局

文章版权声明 1、本网站名称：一鸣资源网
2、本站永久网址：https://yiming818.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ108898998进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END