HTML+CSS入门

作者：System 时间：2024年08月23日分类：所有,css3 字数：818

HTML 是用于创建网页的标准标记语言，而 CSS 是用于描述网页样式的语言。以下是一个简单的 HTML 和 CSS 示例，它创建了一个带有标题和段落的基本网页。

HTML 示例 (index.html):




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的网页</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个段落。</p>
</body>
</html>

CSS 示例 (styles.css):




/* 全局样式 */
body {
    font-family: Arial, sans-serif;
    background-color: #f8f8f8;
    color: #333;
    padding: 20px;
}
 
/* 标题样式 */
h1 {
    color: #3498db;
    text-align: center;
}
 
/* 段落样式 */
p {
    font-size: 18px;
    line-height: 1.6;
}

在这个例子中，index.html 是网页结构，而 styles.css 是用于网页样式的 CSS。当你在网页中引入 CSS 文件后，定义在 CSS 文件中的样式会应用到 HTML 文件中对应的元素上。

HTML+CSS入门

评论已关闭

推荐阅读