ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSで要素の統一スタイルを設定する方法

CSSで要素の統一スタイルを設定する方法

WBOYオリジナル: 2021-11-30 15:44:445646ブラウズ

方法: 1. class 属性を使用して、複数の要素に統一されたクラス値を設定します。構文は ""; 2. ".class" セレクターを使用します。バンドを選択する指定されたクラス値を持つ要素がすべてあり、統一されたスタイルが設定されます。構文は「.value{css style code;}」です。

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

css で要素の統一スタイルを設定する方法

css では、class 属性を使用して要素の統一スタイルを設定できます。

.class セレクターは、指定されたクラスを持つすべての要素を選択します。

class は、HTML 要素の class 属性を指します。

class 属性は、複数の HTML 要素に特定のスタイルを設定するために使用されます。

2 つの div のスタイルを設定することで、要素の統一スタイルを設定する方法を見てみましょう。例は次のとおりです:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <style>
    .mydiv{
        width:100px;
        height:100px;
        background-color:red;
}
    </style>
<div class="mydiv"></div>
<p>同一个class</p>
<div class="mydiv"></div>
</table>
</body>
</html>

出力結果:

CSSで要素の統一スタイルを設定する方法 #(学習ビデオ共有:

css ビデオチュートリアル

)

以上がCSSで要素の統一スタイルを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html5 css css3 html class 选择器

声明：

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

前の記事：CSSで右側にリンクを表示する方法次の記事：CSSで右側にリンクを表示する方法

続きを見る