更新: 2/2/2026 字数: 0 字 时长: 0 分钟
CSS 开发学习
前端三剑客入门学习
CSS 简介
CSS 全名是Cascading Style Sheets，中文名层叠样式表。
用于定义网页样式和布局的样式表语言。
通过CSS，你可以指定页面中各个元素的颜色、字体、大小、间距、边框、背景等样式，从而实现更精确的页面设计。
CSS语法
CSS 通常由选择器、属性和属性值组成，多个规则可以组合在一起，以便同时应用多个样式
css
选择器{
属性1:属性值1;
属性2:属性值2;
}- 选择器的声明中可以写无数条属性
- 声明的每一行属性，都需要以英文分号结尾；
- 声明中的所有属性和值都是以键值对这种形式出现的； 示例：
css
/*这是一个p标签选择器*/
p {u
color: blue;
font-size: 16px;
}5.CSS导入方式
CSS 三种导入方式 下面是三种常见的 CSS 导入方式：
内联样式 （Inline Styles）内部样式表 （Internal Stylesheet）外部样式表 （External Stylesheet）
三种导入方式的优先级：“内联样式＞内部样式表＞外部样式表
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS 导入方式</title>
<link rel="stylesheet" href="CSS/style.css"> <!--链接外部样式表-->
<style>
p {
color: blue;
font-size: 25px;
}
h2 {
color: green;
}
</style>
</head>
<body>
<p>这是一个应用了css样式的文本</p>
<h1 style="color: red ;">
这是一个一级标题标签,使用内联样式
</h1>
<h2>这是一个二级标题，使用内部样式</h2>
<h3>这是一个三级标题，使用外部样式</h3>
</body>
</html>创建一个CSS文件夹，在其中布置外部样式。通过内部引用对对应部分应用外部样式
css
h3 {
color: purple;
}