rel="stylesheet" がスタイル シートとして指定されます。 type href="style.css" CSS ファイルのパス"/> rel="stylesheet" がスタイル シートとして指定されます。 type href="style.css" CSS ファイルのパス">

ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでCSSを開く方法

HTMLでCSSを開く方法

下次还敢
下次还敢オリジナル
2024-04-22 09:33:12361ブラウズ

CSS ファイルをドキュメントにリンクするには、HTML の <link> 要素を使用します。構文は次のとおりです: rel=" stylesheet" はスタイル シートとして指定されます。 Type href="style.css" は CSS ファイル パスを指定します。

HTMLでCSSを開く方法

HTML を使用して CSS を開く方法

HTML (スーパー テキスト マークアップ言語) と CSS (カスケード スタイル シート) は、Web 開発で使用される 2 つの異なる言語です。 HTML は Web ページの構造とコンテンツを定義するために使用され、CSS は Web ページのスタイルとレイアウトを制御するために使用されます。

HTML を使用して CSS を開くには、<link> 要素を使用して CSS ファイルを HTML ドキュメントにリンクする必要があります。 <link> 要素の構文は次のとおりです:

<code class="html"><link rel="stylesheet" href="style.css"></code>

その中で:

  • rel="stylesheet" を指定します。スタイル サーフェスとしての要素のタイプ。
  • href="style.css" リンク先の CSS ファイルへのパスを指定します。

たとえば、次のコードには、「style.css」という名前の CSS ファイルにスタイルが含まれます。

<code class="html"><html>
<head>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>这是一个标题</h1>
  <p>这是一个段落。</p>
</body>
</html></code>

HTML ドキュメントを「index.html」として保存して開きます。ブラウザでそれを実行します。 「style.css」ファイル内のスタイルが Web ページに適用されていることがわかります。

以上がHTMLでCSSを開く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。