CSS 是层叠样式表（Cascading Style Sheets）的缩写，是一种用于描述网页样式和布局的技术。通过 CSS，我们可以控制网页的各个元素的样式、尺寸、颜色、位置等属性，从而实现更加美观
CSS 是层叠样式表（Cascading Style Sheets）的缩写，是一种用于描述网页样式和布局的技术。通过 CSS，我们可以控制网页的各个元素的样式、尺寸、颜色、位置等属性，从而实现更加美观、可读性更高的网页。
CSS 样式有 3 种方式：
1. 内联样式
内联样式是指直接在 HTML 元素内部定义样式。例如：
<p style="color: red;">这是一段红色文本</p>
优点：方便快捷，不需要写额外的 CSS 文件。
缺点：不易维护和修改，样式只能应用于单个元素。
2. 内嵌样式
内嵌样式是指在网页的 head 标签内定义样式。例如：
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>这是一段红色文本</p>
</body> 优点：样式应用于多个元素，易于修改和维护。
缺点：如果需要改变样式，需要修改每个单独的页面。
3. 外部样式
外部样式是指在外部 CSS 文件中定义样式，然后在 HTML 页面中引用。例如：
index.html:
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>这是一段红色文本</p>
</body>
style.css:
p {
color: red;
} 优点：易于维护，只需要修改一个外部文件即可应用于多个页面。
缺点：需要下载一个外部文件，会增加页面的加载时间。
粉丝
0
关注
0
收藏
0
