p {
color: red;
font-size: 18px;
}p ein Selektor, was bedeutet, dass er alle <p>-Tags abgleicht und deren Stile im Deklarationsblock interpretiert für ein CSS. color und font-size sind spezifische CSS-Eigenschaften und ihre Werte sind red bzw. 18px. p是一个选择器，表示匹配所有<p>标签，并将其样式解读为一个CSS声明块。color和font-size是具体的CSS属性，它们的值分别为red和18px。
<head>标记之间的<style>标记内。这种方法定义的CSS样式仅适用于当前页面。示例如下：
<!DOCTYPE html>
<html>
<head>
<title>嵌入CSS代码示例</title>
<style>
p {
color: red;
font-size: 18px;
}
</style>
</head>
<body>
<p>这是一段红色的文本，字号为18像素。</p>
</body>
</html><p>元素。
<link>标记将它们链接到页面中。这种方法定义的CSS样式可以供多个页面使用。示例如下：
<p>假设我们将以下CSS代码保存在一个名为“style.css”的文件中：
p {
color: red;
font-size: 18px;
}<!DOCTYPE html> <html> <head> <title>外部CSS文件链接示例</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>这是一段红色的文本，字号为18像素。</p> </body> </html>
<link>标记将style.css
<head> <p>-Element der aktuellen Seite. 🎜<link> im HTML-Dokument verknüpfen in die Seite ein. Die so definierten CSS-Stile können von mehreren Seiten verwendet werden. Ein Beispiel ist wie folgt: 🎜🎜Angenommen, wir speichern den folgenden CSS-Code in einer Datei namens „style.css“: 🎜rrreee🎜Hier ist ein Beispiel für ein HTML-Dokument, das mit „style.css“ verknüpft ist: 🎜rrreee🎜In diesem Beispiel verwenden wir das Tag <link>, um die Datei style.css mit der aktuellen Seite zu verknüpfen, damit deren CSS-Stile angewendet werden können. 🎜🎜Zusammenfassung🎜🎜CSS ist eine Stylesheet-Sprache für Webdesign, mit der das Erscheinungsbild und Layout von Webseiten schöner und benutzerfreundlicher gestaltet werden kann. Um CSS verwenden zu können, müssen wir CSS-Code schreiben und ihn in das HTML-Dokument einbetten oder ihn durch Verknüpfen mit einer externen CSS-Datei verwenden. Wenn wir diese Methoden beherrschen, können wir CSS problemlos verwenden, um herausragendere und personalisiertere Webseiten zu entwerfen. 🎜Das obige ist der detaillierte Inhalt vonSo schreiben und wenden Sie CSS-Code an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
