html怎么设置utf-8

K-seo • 2024年2月17日 16:44 • 网站运维 • 阅读 150

HTML怎么设置CSS

在HTML中，我们可以通过内联样式、内部样式表和外部样式表的方式来设置CSS，下面将详细介绍这三种方法。

1、在HTML标签中直接添加CSS样式

在HTML标签中直接添加CSS样式是一种简单的方式，我们想要设置一个段落的文本颜色为红色，可以这样写：

<!DOCTYPE html>
<html>
<head>
<style>
  p {
    color: red;
  }
</style>
</head>
<body>
<p>这是一个红色的段落。</p>
</body>
</html>

2、使用行内样式(inline style)

行内样式是在HTML标签内的style属性中设置CSS样式，我们想要设置一个图片的宽度为200像素，可以这样写：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="example.jpg" style="width: 200px;">
</body>
</html>

1、在HTML文档的<head>标签中添加<style>标签，然后在<style>标签中编写CSS样式，我们想要设置一个标题的字体大小为24像素，可以这样写：

<!DOCTYPE html>
<html>
<head>
<style>
  h1 {
    font-size: 24px;
  }
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>

2、在HTML文档中引用外部样式表(External Style Sheet)时，需要在<head>标签中添加<link>标签，我们有一个名为styles.css的外部样式表，想要将其应用到当前页面，可以在<head>标签中添加如下代码：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>

1、创建一个名为styles.css的文件，并在其中编写CSS样式，我们想要设置一个段落的文本颜色为红色，可以在styles.css文件中编写如下代码：

p {
  color: red;
}

2、在HTML文档的<head>标签中使用<link>标签引用外部样式表，我们想要将之前创建的styles.css文件应用到当前页面，可以在<head>标签中添加如下代码：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>