<style> タグを使用して CSS スタイルを埋め込むことができます。必要なすべての CSS スタイルを <style> タグで定義すると、HTML ページの読み込み時にドキュメントに CSS スタイルが適用されます。たとえば、次の例: <!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<style>
body {
background-color: blue;
}
h1 {
color: white;
text-align: center;
}
</style>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是我的第一个网页</p>
</body>
</html><style> タグに CSS スタイルを埋め込むことで、ページの背景色を青に設定し、タイトルの色を白に設定します。そして中央揃え。 <p>2. 外部 CSS ファイルを使用する<p>複数の HTML ページで同じ CSS スタイルを使用したい場合、内部 CSS の使用は非常に冗長になります。現時点では、外部 CSS ドキュメントを使用できます。 。 style.css などの .css 接尾辞が付いた新しいファイルを作成し、HTML ページの head タグ内の <link> タグを使用して CSS スタイル ファイルをページにリンクします。例: <!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是我的第一个网页</p>
</body>
</html>body {
background-color: blue;
}
h1 {
color: white;
text-align: center;
}<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1 style="color: white; text-align: center;">欢迎来到我的网页</h1>
<p style="background-color: blue;">这是我的第一个网页</p>
</body>
</html><h1> タグと <p> タグの style 属性を使用してタイトルを定義します。それぞれ色と配置、および段落の背景色です。
<p>概要
<p>内部 CSS、外部 CSS ファイル、インライン CSS のいずれであっても、その最終的な目的は Web ページの外観を美しくすることです。実際の開発では、実際の状況に応じて CSS と HTML をリンクするさまざまな方法を選択できます。定義する CSS スタイルが多い場合は、外部 CSS ファイルを使用できます。定義するスタイルが少ない場合は、内部 CSS またはインライン CSS を使用できます。 以上がCSSとHTMLを連携させる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
