制作一个简易的网页，用不同的颜色区分头部、内容以及底部，在滚动页面的过程中，底部保持不变。

来源：互联网发布：数据库测试方法编辑：程序博客网时间：2024/06/05 02:50

1、新建一个文本文档，在文本文档中打入以下代码，另存为格式为**.html

<html> //标签要成对的出现<html></html>

<body>

</nav>

//表示距离上一个元素的距离

//表示它的格式是高为300个像素，宽是屏幕的最宽

</header>

//蓝色区域的位置是相对固定的，它距离上、右、下、左的距离是0像素

</div>

//它与底部的位置是固定的，因此才能随着滑轮的滚动，维持在底部不变

</footer>

</body>

</html>

2、用火狐浏览器打开新建的html文件，如图所示：

随着滑轮的滚动，黄色区域随着上下移动，但是始终停靠在页面的最下方区域。

3、右击页面任何区域，点击下拉菜单中的<查看元素>，就会出现开发者工具，通过鼠标选中代码中的区域，会在页面中选中对应的区域。通过对下方的css设置进行更改，从而改变选中区域的属性，例如颜色。但是这样的更改在刷新页面以后会消失，如果想把改变保存下来，需要到相应的**.html文件中修改，并保存。这样刷新页面以后新的特性才会显现出来。

0 0