当需要在网页中增加样式时，我们一般会使用CSS来进行样式控制。而在HTML代码中，我们也可以通过加入CSS来实现样式定义和呈现。
CSS可以通过3种方式与HTML结合起来，分别为：
1. 外部样式表：将样式定义单独存储在一个.css文件中，并在HTML文件中通过link标签引入。 2. 内部样式表：将样式定义放置在HTML文档的头部，使用style标签进行包含。 3. 内联样式：在HTML标签的style属性中直接定义样式，一般用于为单独元素定义特殊样式。
其中，内部样式表和内联样式会增加HTML的文件大小，降低加载速度，建议使用外部样式表。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
以上代码是一个外部样式表的例子，其中href属性指向样式文件的路径。在样式文件中，我们可以通过选择器来定义HTML元素的样式，例如：
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20%;
}
此处的选择器分别为body和h1，分别定义了body元素的背景颜色和h1元素的文字颜色和左侧距离。
除了单独定义元素的样式外，CSS还支持类和ID选择器。通过在HTML标签中添加class或id属性，可以为元素指定一个类或ID，将样式应用于类或ID。
<h1 class="title">Hello World</h1>
.title {
color: green;
}
此处为一个类选择器的例子，将class属性设置为"title"，并在样式表中通过选择器".title"定义了文字颜色。
总之，通过在HTML代码中添加CSS，我们可以为页面增加各种样式效果，提高页面的美观性和可读性。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
