什么是CSS？
CSS是Cascading Style Sheets的缩写，意为层叠样式表。它是一种用于描述文档样式和布局的语言。通过CSS，我们可以控制网页元素的外观和布局。可以将CSS应用于HTML文档中的任何元素，并通过样式来改变这些元素的颜色、大小、字体、布局等方面的表现。
如何使用CSS？
内部样式表
一种使用CSS的方式是在HTML文件中使用内部样式表。在<head>标签中使用<style>标记来定义样式，然后在HTML标签中使用“style” 属性应用样式。下面的代码演示了如何创建一个带有黑色阴影的白色文本：
<head>
<style>
p {
color: white;
text-shadow: 2px 2px black;
}
</style>
</head>
<body>
<p style="background-color: #357edd;"> 这是一段白色文本。</p>
</body>
在这个例子中，我们将css样式定义在style标记内。我们使用“p”选择器来选择要应用样式的元素。“color”属性被设置为白色，而“text-shadow”属性被设置为“2px 2px black”，这意味着文本将被一个黑色的阴影所包围。
我们在 <p>标记中使用 “style” 属性来应用样式。 “background-color: #357edd;”将使背景颜色为#357edd。
外部样式表
另一种使用CSS的方式是将样式表放在外部CSS文件中。这样，每个HTML页面可以请求相同的样式表，并避免每个页面中都使用相同的样式。
1. 首先创建一个新文件并将其保存为.css文件。
2. 在文件中添加CSS样式。
3. 链接CSS文件：在HTML文件的 <head>标签中插入<link>标签，将“href”属性设置为CSS文件的URL。以下是示例代码：
<head>
<link rel="stylesheet" href="styles.css">
</head>
4. 将样式应用于HTML元素。以下是示例代码：
/* styles.css */
p {
color: white;
text-shadow: 2px 2px black;
}
.bg-color {
background-color: #357edd;
}
<body>
<p class="bg-color"> 这是一段白色文本。</p>
</body>
在这个例子中，我们创建了一个名为“bg-color”的class，它将背景颜色设置为 #357edd。我们将这个class应用于 <p>标记。
如何创建带有黑色阴影的白色文本？
我们可以使用text-shadow属性来设置黑色的阴影。text-shadow属性需要三个值：水平偏移、垂直偏移和模糊半径。以下是示例代码：
p {
color: white;
text-shadow: 2px 2px black;
}
在这个例子中，我们选择了所有的 <p>元素，并将它们的颜色设置为白色。接着，我们使用text-shadow属性来为文本添加阴影。阴影的水平和垂直偏移均为2像素，模糊半径为默认值0，这将创建一个简单的黑色阴影效果。
如何设置文本颜色？
要设置文本颜色，我们可以使用“color”属性。以下是示例代码：
p {
color: white;
}
在这个例子中，我们选择了所有的 <p>元素，并将它们的颜色设置为白色。
如何设置背景颜色？
要设置背景颜色，我们可以使用“background-color”属性。以下是示例代码：
.bg-color {
background-color: #357edd;
}
在这个例子中，我们创建了一个class命名为“bg-color”，并将其应用于 <p>元素。这将把 <p>元素的背景颜色设置为 #357edd。
小结
使用CSS，我们可以控制网页元素的样式和布局。要创建带有黑色阴影的白色文本，我们可以使用text-shadow属性来设置阴影，使用color属性来设置文本颜色，使用background-color属性来设置背景颜色。