"。"/> "。">

ホームページ  >  記事  >  ウェブフロントエンド  >  head領域にCSSを導入する方法

head領域にCSSを導入する方法

青灯夜游
青灯夜游オリジナル
2021-07-02 16:19:193797ブラウズ

導入方法: 1. style タグを使用して導入する、構文 "c9ccee2e6ea535a969eb3f532ad9fe89css code531ac245ce3e4fe3d50054a55f265927"; 2. リンクを使用して、構文 "f49db4ea6134bc2de7ec0e0413c7a856"。

head領域にCSSを導入する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

ヘッド領域に CSS を導入するには 2 つの方法があります。

  • 内部スタイル シート - スタイル タグで定義します

  • 外部スタイル シート - リンク タグを使用して

##1 を導入します。内部スタイル シート - スタイル タグを使用して定義します

CSS コードを記述しますHTML ドキュメントの head タグ内で、style タグで定義されている基本的な構文形式は次のとおりです。

<head>  
<style type="text/css"> 
css代码
</style> 
</head>

構文では、style タグは通常、head タグの後に配置されます。 HTML ドキュメント内の任意の場所に配置できます。

CSS コードの一般的な形式:

css选择器{ 
  属性:值;
  属性:值;
  .....
}

2. 外部スタイル シート -- リンク タグを使用して導入します

すべてのスタイルを 1 つにまとめますまたは CSS 拡張子を持つ複数の外部スタイル シート ファイルでは、外部スタイルはリンク タグを介して HTML ドキュメントにリンクされます。基本的な構文形式は次のとおりです:

<link rel="stylesheet" type="text/css" href="css文件路径" />

  • rel 属性: 定義現在のドキュメントと他のリンクされたドキュメント間の関係。「スタイルシート」とは、リンクされたドキュメントがスタイル シート ファイルであることを意味します。

  • href 属性: リンクされた外部スタイル シート ファイルの URL を定義します。相対パスまたは絶対パス

(学習ビデオ共有:

css ビデオ チュートリアル html ビデオ チュートリアル )

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

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