网站介绍
这是一个简单的网页模板,使用了HTML和CSS。页面的宽度设置为100%,高度也设置为100%,以实现全屏显示。同时,页面的外边距和内边距都被设置为0,以确保内容在页面上完全居中显示。
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>
CSS部分
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
在这个模板中,我们使用了html, body
选择器来同时设置HTML和CSS样式。这样可以确保整个页面的高度和宽度都是100%,并且没有额外的外边距或内边距。这种布局对于创建全屏应用程序或者响应式设计非常有用。