给我具体写个CSS 知识在html中的例子
时间: 2023-11-15 20:05:51 浏览: 36
好的,下面是一个简单的 HTML 页面,它使用了 CSS 来设置标题和段落的样式:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS 示例</title>
<style>
/* 设置标题样式 */
h1 {
color: red;
font-size: 24px;
text-align: center;
}
/* 设置段落样式 */
p {
color: blue;
font-size: 16px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个使用 CSS 样式的段落。</p>
<p>这是另一个段落,它也使用了 CSS 样式。</p>
</body>
</html>
```
在这个例子中,我们使用了 `<style>` 标签来定义 CSS 样式。在样式中,我们使用了选择器来选中 HTML 元素,例如 `h1` 用来选中页面中的标题,`p` 用来选中段落。然后,我们使用 CSS 属性来设置这些元素的样式,例如 `color` 用来设置文字颜色,`font-size` 用来设置文字大小,`text-align` 用来设置文字对齐方式,`line-height` 用来设置行高等。