首页 > 常见问答

css设置绝对布局 第9天:第一个CSS布局实例？

实习编辑 • 2023-12-09 11:53:43 • 常见问答 • 阅读 3

第9天:第一个css布局实例？

1.创建新的html页。

2.在html页面上创建三个新的div标记，并为这三个div标记添加header、main和footer类。

3.创建一个样式标签来设置css样式。在title标签下创建一个样式标签，然后为header类设置div高度和背景颜色样式。

4.设置显示主要内容的主类的样式。在“样式”选项卡中设置主样式的边框、宽度、高度和背景色。

css设置绝对布局 第9天:第一个CSS布局实例？

5.设置底部页脚的样式。将页脚类样式的背景色和高度添加到样式标记中。

6.保存html文件后，使用浏览器查看效果。

7.div标签和浏览器中有一些空白像素。为了移除这些空白像素，我们需要将body标记设置为外部边界。

8.使用浏览器重新打开后，您无法看到div和浏览器之间的空白边框。

css设置绝对布局css代码示例css四大布局

原文标题：css设置绝对布局 第9天:第一个CSS布局实例？，如若转载，请注明出处：https://www.saibowen.com/wenda/24322.html
免责声明：此资讯系转载自合作媒体或互联网其它网站，「赛伯温」登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述，文章内容仅供参考。

css设置绝对布局 第9天:第一个CSS布局实例？ css设置绝对布局 第9天:第一个CSS布局实例？介绍
赞 ( )
打赏 微信扫一扫微信扫一扫
上一篇：java编译过程 java虚拟机是用什么语言编写的？它的原理谁能通俗的讲出来吗？ 下一篇：五花八门指的什么 五花八门指的是哪五花八门？

相关推荐