css html简单案例
下面是一个使用 HTML 和 CSS 实现的简单案例，用于展示一个带有标题和段落的页面：
```html
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>
```
上述代码中，我们使用 HTML 定义了一个标题和一个段落。在`<head>`部分，我们通过`<link>`元素引入了一个名为`styles.css`的外部 CSS 文件，用于定义页面的样式。
接下来，我们可以创建一个名为`styles.css`的文件，并在其中添加以下 CSS 代码：
```css
body {
    font-family: Arial, sans-serif;
}
h1 {
    color: #333;
    text-align: center;
}
p {
    color: #666;
    text-align: justify;
css简单网页代码
}
```
在上述 CSS 代码中，我们使用`body`选择器为整个页面设置了字体样式。然后，使用`h1`选择器为标题设置了颜和文本居中样式，使用`p`选择器为段落设置了颜和文本对齐样式。
通过将 HTML 文件和 CSS 文件放在同一个目录中，并在 HTML 文件中正确引入 CSS 文件，当你在浏览器中打开 HTML 文件时，将显示带有样式的标题和段落。
这只是一个简单的示例，你可以根据自己的需求进一步扩展和修改 HTML 和 CSS 代码，以实现更复杂的页面布局和样式效果。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。