1p
トップ > 超初心者でも分かるホームページの作り方 > 【超初心者】CSSのclass(クラス)の書き方がわからない!

【超初心者】CSSのclass(クラス)の書き方がわからない!

CSSのclass(クラス)の書き方がわからない

CSSの書き方

CSSファイルを作成(クラスのみを指定)


.sample {
      (CSSの記述)
}

CSSファイルを作成(クラスとタグを指定)


div.sample {
      (CSSの記述)
}

この場合には、「<div class="sample">(記述)</div>」というように、指定します。

ここで、クラスのみを指定している場合には、このCSSは、他の「img」や「a」などにも使うことができますが、クラスとタグを指定している場合には、「div」でしか使えません。

クラスをいっぱい使う場合には、混同しないように、タグも指定した方がいいでしょう。

もちろん、色々なタグで使いたいCSSならば、クラスのみがいいでしょう。

htmlファイルに記載(headの中に記載)

「<head>〜</head>」の中に、以下のように記載することもできます。


<style type="text/css">
(内容)
</style>

書く内容は、CSSファイルと同様です。

この書き方は、ファイルごとにCSSを指定する場合に有効です。

他のファイルでも使うのなら、CSSファイルを作成することをおすすめします。

htmlファイルに記載(本文中に記載)


<p style="background-color:#e8d1ff"></p>

この場合は、もっと細かく、同じファイル内の数箇所のみに短いCSSを指定する場合に有効です。

豆知識

前へ  目次  次へ

免責事項・著作権表示

情報が古かったり、間違っていることなどによる損害の責任は負いかねますので、ご了承ください。

Copyright (C) SUZ45. All Rights Reserved.