网站简介

这是一个使用HTML和CSS制作的简单响应式网站。它的主要特点是页面布局自适应，能够根据不同设备的屏幕尺寸自动调整布局。同时，该网站的样式简洁，易于阅读和使用。

HTML结构

<!DOCTYPE html>  
<html lang="zh">  
<head>  
<meta charset="UTF-8">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
<title>简单响应式网站</title>  
<link rel="stylesheet" href="styles.css">  
</head>  
<body>  
<!-- 页面内容 -->  
</body>  
</html>

在这个简单的响应式网站中，我们主要使用了HTML来构建页面结构，包括<html>、<head>和<body>等标签。<!DOCTYPE html>声明了文档类型为HTML5,<meta charset="UTF-8">设置了字符编码为UTF-8,以支持中文等多语言字符。<meta name="viewport" content="width=device-width, initial-scale=1.0">设置了视口宽度为设备宽度，初始缩放比例为1.0,使页面在移动设备上显示更加友好。

CSS样式

/* styles.css */  
body {  
width: 100%;  
height: 100%;  
margin: 0;  
padding: 0;  
}

在这个简单的响应式网站中，我们使用了CSS来定义页面的样式。通过将body元素的width、height、margin和padding属性设置为0,我们实现了全屏显示的效果。此外，我们还可以根据需要添加其他样式来美化页面，例如字体、颜色、背景等。