CSSでクラスを呼び出す方法-CSSチュートリアル-php.cn

CSSでクラスを呼び出す方法

WBOY

リリース： 2021-11-25 17:29:09

オリジナル

6900 人が閲覧しました

CSS では、「.class」セレクターを使用してクラスを呼び出すことができます。このセレクターは、指定されたクラス属性を持つ要素を選択するために使用されます。構文は「.class 属性値 {css スタイルコード;}」です。

CSSでクラスを呼び出す方法

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

css でクラスを呼び出す方法

#通常、Web ページを作成するときは、クラスを使用して CSS スタイル属性を選択して呼び出すことがよくあります。 CSSを学習する初心者にとってクラスの使い方はあまり馴染みがありませんので、以下で簡単に紹介していきます。

クラスはプログラム内では「クラス」と呼ばれますが、CSSの書き言葉でも「クラス」と呼ばれます。 CSS スタイルでは、小文字の「ドット」と「.」を使用して、.top{属性: 属性値;} のように名前を付けます。

つまり、「.」クラスセレクターは、指定されたクラス (class) を持つ要素を選択します。

HTML ページでは、class="top" を使用して呼び出しを選択します (例: .top{attribute: 属性値;})。HTML ページでは、

ここにテキストがあります

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<style>
.intro
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>欢迎来到我到的主页</h1>
<div class="intro">
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
</div>
<p>我最好的朋友是米老鼠。</p>
</body>
</html>

ログイン後にコピー

出力結果:

CSSでクラスを呼び出す方法