CSS では、「.class」セレクターを使用してクラスを呼び出すことができます。このセレクターは、指定されたクラス属性を持つ要素を選択するために使用されます。構文は「.class 属性値 {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>
出力結果:
「.class」の選択を通じて、プロセッサは指定されたクラスを呼び出して、指定された CSS スタイルを実行できることがわかります。
注:
これらは最も単純な CSS です。初心者にとって役立つことを願っています。
(学習ビデオ共有: css ビデオ チュートリアル)
以上がCSSでクラスを呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。