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

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

1. 创建新的HTML页。

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

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

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

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

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

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

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

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

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。