css和html的区别

作者：氵冗氵孚发布日期:2025-02-15 浏览:84

<!DOCTYPE html>
<html>
<head>
    <title>CSS和HTML的区别</title>
    <style>
        /* CSS 用于定义样式，例如字体、颜色、布局等 */
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
        }
        h1 {
            color: #333;
        }
        p {
            color: #666;
        }
    </style>
</head>
<body>
    <!-- HTML 用于定义结构和内容 -->
    <h1>这是标题</h1>
    <p>这是段落内容。</p>
</body>
</html>

解释说明：

HTML：用于定义网页的结构和内容。例如，<h1> 标签表示一个一级标题，<p> 标签表示一个段落。
CSS：用于定义网页的样式。例如，通过 body { font-family: Arial, sans-serif; } 设置页面的字体为 Arial，通过 h1 { color: #333; } 设置标题的颜色为深灰色。

这样可以清楚地看到 HTML 和 CSS 的区别：HTML 负责内容结构，而 CSS 负责样式表现。

上一篇：html设置id

下一篇：在线 html