ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSS での型の意味

CSS での型の意味

藏色散人オリジナル: 2021-05-17 15:14:396069ブラウズ

css の Type は、ステートメント「080b747a20f9163200dd0a7d304ba388」など、MIME タイプを指定するために使用されます。ここで、text は Web ページ内のテキストであるオブジェクトを指します。 css または javascript は、現在指定されているテキストタイプを指します。

CSS での型の意味

#この記事の動作環境: Windows7 システム、css3 バージョン、Dell G3 コンピューター。

CSS における type の意味は何ですか?

080b747a20f9163200dd0a7d304ba388 type="text/css"

type="text/css" は MIME タイプを指定します。

text は Web ページ内のテキストを指します。

css または javascript は現在指定されているテキストタイプを指します。 .

HTML ファイルに CSS スタイルを適用する場合、最も一般的に使用される 3 つの方法があります:

1. 内部参照

いわゆる内部参照とは、スタイルを使用することです。同じものを参照するタグ。HTML ページの ef1cac8df639bc9110cb13b8b5ab3dd734934661d7147ca926b095899343bad0 部分の CSS 定義。例:

<html>
<head>
<style type="text/css">
.cssstyle { font:12px;
color:#339966;
border:1px #e1763d solid;
}
<style/>
</head>
<body>
<div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>
</body>
</html>

2. 外部参照

外部参照とは、2cdf5bf648cf2f33323966d7f58a7f3f タグを使用して外部 CSS ファイル内のスタイルを参照することです。上記の効果を実現したい場合は、CSS を別のファイルに作成することができます。

ファイル CSSSTYLE.CSS

.cssstyle { font:12px;
color:#339966;
border:1px #e1763d solid;
}

次に、それを HTML で参照します:

<html>
<head>
<link rel="stylesheet" type="text/css" href="cssstyle.css">
</head>
<body>
<div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>
</body>
</html>

このメソッドを参照して、CSS ファイルと HTML ファイルの相対パスが完全であることを確認します。そうでない場合、CSS スタイルは HTML ドキュメント内で見つかりません。

3. インライン参照

インライン参照とは、実際には CSS スタイルを適用する HTML 部分で使用されるタグに直接 CSS スタイルを定義する方法で、この方法が最も直接的ですが、最も明白で最大の問題は、コードが煩雑で、スコープが定義されたタグのスコープ内のみであることです。例:

<p style="color:#ccc">THIS TEXT IS GREY</p>
<p>I AM NOT GREY, WHAT COLOR AM I? :)</p>

推奨される学習: 「

css ビデオチュートリアル」

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

JavaScript css css3 html 对象作用域

声明：

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

前の記事：CSSでのサイズ変更は何を意味しますか次の記事：CSSでのサイズ変更は何を意味しますか

続きを見る