CSSクラススタイルの定義方法

クラスはHTMLの優れた機能で、要素に特定の名前を割り当てることができる。CSSを使ってスタイルを設定することもできる。これらの機能の使い方がわからない場合は、この記事を参考にしてください。

1

HTML文書を作成します。

2

基本的なHTMLの骨格を作ります。覚えておいてほしいのは、HTMLの開始タグ、headの開始タグ、headの終了タグ、bodyの開始タグ、bodyの終了タグ、htmlの終了タグです。

3

HTML要素を作成します。段落でも見出しでも何でもかまいません。

4

HTML要素にクラスを与えます。要素の開始タグの中に" を挿入します。

5

headタグの間に「style」タグを入れます。ここにCSSを記述します。

6

クラスを呼び出します。これは、CSSドキュメントに「.classname { }」と記述することで行います。

7

中括弧の間に必要なスタイルを記述します。

8

スタイリングされたHTML要素をお楽しみください！

この記事は、CC BY-NC-SAの下で公開されている " How to Define a CSS Class Style " を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。