[分享]css做一页面

发布于 2024-11-11 15:54:30

CSS是一种网页样式设计语言，它可以通过样式表为网页添加各种元素和效果。其中，我们可以利用CSS来做出一整个网站的页面样式。想要用CSS来做一个页面，需要先创建一个HTML文件作为页面主体，例如： C...

CSS是一种网页样式设计语言，它可以通过样式表为网页添加各种元素和效果。其中，我们可以利用CSS来做出一整个网站的页面样式。

想要用CSS来做一个页面，需要先创建一个HTML文件作为页面主体，例如：

<!DOCTYPE html>
<html>
<head>
  <title>CSS页面</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <h1>这是一篇CSS页面</h1>
  <p>这是一段CSS样式设计的段落。</p>
</body>
</html>

接着，需要创建一个CSS文件，并把样式应用到HTML页面上。例如，在style.css文件中添加以下代码：

body {
  background-color: #f2f2f2;
  font-family: Arial, sans-serif;
}

h1 {
  color: #333;
  font-size: 36px;
}

p {
  color: #666;
  font-size: 18px;
  line-height: 1.5;
}

这里，我们设置了页面背景色为灰色，使用了Arial字体，设置了标题和段落文本颜色和大小。线条高度设置为1.5，可以增加段落的可读性和美感。

最后，在浏览器中打开HTML页面，就可以看到我们所设计的页面样式了！

css 教程