正文

html写css不生效

小编
小编 V管理员 /0 评论 /18 阅读
0129
欧意国内注册

我们需要创建一个HTML文件，然后在文件中添加一个标题和一个段落，接下来，我们将使用CSS来设置标题和段落的样式。

1、创建一个HTML文件，index.html

2、在文件中添加以下内容：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的网页</title>
    <style>
        /* 在这里编写CSS样式 */
    </style>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一段不少于596个字的内容，Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</body>
</html>

3、在<style>标签内编写CSS样式：

h1 {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
p {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    text-indent: 2em;
}

这段代码将设置标题的颜色为深灰色，字体大小为24像素，加粗，居中对齐，段落的颜色为浅灰色，字体大小为14像素，行高为1.5倍，首行缩进2个字符。