这是一个简单的HTML网站样式,它使用CSS(层叠样式表)来设置网页的外观和布局。在这个例子中,htmlbody元素的宽度和高度都被设置为100%,意味着整个网页将占据其父元素所占的空间。此外,所有的外边距(margin)和内边距(padding)都设置为0,这有助于保持页面内容在视觉上的整洁。


<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简单网站样式示例</title>
<style>
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<h1>欢迎来到我的网站!</h1>
<p>这是一个简单的HTML网站样式示例。</p>
</body>
</html>

这个简单的CSS样式将使得网页的内容充满整个屏幕,从而实现全屏效果。同时,去除了默认的外边距和内边距,让内容看起来更加紧凑。这种布局对于许多现代网站设计来说非常流行,特别是那些希望提供简洁、清爽用户体验的网站。