ホームページ > 記事 > ウェブフロントエンド > inlineを使ってCSSスタイルシートを導入する方法
inlineを使ってCSSスタイルシートを導入する方法
- 青灯夜游オリジナル
- 2021-04-06 11:54:5813689ブラウズ
導入方法：HTML文書の「93f0f5c25f18dab9d176bd4f6de5d30e」ヘッダタグ内にCSSコードを記述し、「c9ccee2e6ea535a969eb3f532ad9fe89」タグで定義します（構文形式は「93f0f5c25f18dab9d176bd4f6de5d30e」です）。 080b747a20f9163200dd0a7d304ba388selector{property:property value;}531ac245ce3e4fe3d50054a55f2659279c3bca370b5104690d9ef395f2c5f8d1"。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
CSS は Web ページのスタイルを変更するために使用されますが、CSS によって変更されたスタイルを機能させるには、HTML ファイルに CSS スタイル シートを導入する必要があります。スタイル シートを導入するには、インライン、埋め込み、外部リンクという 3 つの一般的な方法があります。次の記事では、組み込みについて詳しく説明します。
CSS Embedded
インラインとは、HTML ドキュメントの 93f0f5c25f18dab9d176bd4f6de5d30e ヘッダー タグに CSS コードを記述し、c9ccee2e6ea535a969eb3f532ad9fe89 タグの定義を使用することです。基本的な構文形式は次のとおりです:
<head>
<style type="text/css">
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
</style>
</head>この構文では、c9ccee2e6ea535a969eb3f532ad9fe89 タグは通常、93f0f5c25f18dab9d176bd4f6de5d30e タグ内の b2386ffb911b14667cb8f0f91ea547a7 タグの後に配置されますが、最後に配置することもできます。 HTML ドキュメントのどこでも。ただし、ブラウザーはコードを上から下に解析するため、CSS コードをヘッダーに配置すると、事前のダウンロードと解析が容易になり、Web ページのコンテンツがダウンロードされた後にスタイルが変更されないことによって引き起こされる恥ずかしさを回避できます。 (学習ビデオ共有: css ビデオ チュートリアル )
同時に、ブラウザが < であることを認識できるように、type の属性値を「text/css」に設定する必要があります。 c9ccee2e6ea535a969eb3f532ad9fe89 タグには JavaScript コードなどの他のコードも含めることができるため、style> タグには CSS コードが含まれます。
<head>
<title>内嵌式引入CSS样式表</title>
<style type="text/css">
h2{text-align:center;}
p{font-size:16px;color:red;text-decoration:underline;}
</style>
</head>
<body>
<h2>内嵌式CSS样式</h2>
<p>使用style标记可定义内嵌式CSS样式表，style标记一般位于head头部标记中，title标记之后。</p>
</body>インライン CSS スタイルは、それが配置されている HTML ページでのみ有効であるため、1 ページのみをデザインする場合は、インラインを使用することをお勧めします。ただし、Web サイトを使用している場合は、CSS コードの再利用を最大限に活用できないため、この方法を使用することはお勧めできません。
プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 ！
以上がinlineを使ってCSSスタイルシートを導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。