网站介绍
这是一个使用CSS Grid布局的响应式网站模板。它包含了所有常见的HTML元素，如header、nav、main、footer等，并为它们定义了合适的CSS样式。通过这个模板，你可以根据自己的需求快速搭建一个具有良好用户体验的网页。
HTML结构
以下是HTML结构的概要：
<!DOCTYPE html>:声明文档类型为HTML5。<html lang="zh">:根元素，定义文档的语言为中文。<head>:头部区域，包含页面的元数据和链接到外部资源(如CSS和JavaScript文件)。<body>:主体区域，包含网页的所有内容，如文本、图片、音频等。<header>:页眉区域，通常包含网站的导航菜单和其他重要信息。<nav>:导航栏区域，用于显示网站的主要导航链接。<main>:主要内容区域，用于展示页面的核心内容。<footer>:页脚区域，通常包含版权信息、联系方式等。
CSS样式
以下是CSS样式的部分代码：
/*通用样式*/
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
/*头部样式*/
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem;
}
/*导航栏样式*/
nav ul {
list-style-type: none;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 1rem;
}
/*主要内容样式*/
main {
padding: 2rem;
}
