HTML要素にCSSスタイルを設定する方法は何ですか

王林
リリース: 2020-08-10 16:59:34
オリジナル
2697 人が閲覧しました

HTML要素にCSSスタイルを設定する方法は何ですか

HTML 要素に CSS スタイルを設定したい場合は、要素内に「id」セレクターと「class」セレクターを設定する必要があります。

(推奨チュートリアル: CSS チュートリアル)

ID セレクターとクラス セレクターについてそれぞれ説明しましょう。

id ​​セレクター

ID セレクターは、特定の ID でマークされた HTML 要素の特定のスタイルを指定できます。

HTML 要素は id 属性を使用して ID セレクターを設定し、CSS の ID セレクターは "#" で定義されます。

例:

#para1{
    text-align:center;
    color:red;
}
ログイン後にコピー

注: ID 属性を数字で始めないでください。数字で始まる ID は、Mozilla/Firefox ブラウザーでは機能しません。

クラス セレクター

クラス セレクターは、要素のグループのスタイルを記述するために使用されます。クラス セレクターは、ID セレクターとは異なります。クラスは複数で使用できます。要素。

クラス セレクターは、HTML では class 属性によって表されます。CSS では、クラス セレクターはドット「.」で表示されます:

例:

.center {text-align:center;}
ログイン後にコピー

注:クラス名の最初の文字に数字を使用することはできません。 Mozilla や Firefox では動作しません。

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート