ホームページの作り方HP

ホームページの作り方を、無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます

■ ＣＳＳファイル利用の任意の範囲にだけスタイルを設定するclassとid

スタイルを使用する場合、任意の範囲にだけスタイルを設定するのがほとんどです。

　それで任意の範囲にだけ、複数回呼び出してスタイルを設定する方法は、

　CSSファイルで”.(ピリオド）半角アルファベットのclass名{～}”
　HTMLファイルで”スタイルシート”

　のように設定します。
　”.(ピリオド）”を利用する場合は、クラス名となり、何回でも呼び出して使用できます。

　任意の範囲に、1回だけ呼び出してスタイルを設定する方法は、
　CSSファイルで”#半角アルファベットのID名{～}”
　HTMLファイルで”スタイルシート”

　のように設定します。
　”#”を利用する場合は、ＩＤ名となり一度だけ呼び出して使用できます。

　管理人ドクターレビューは、一度しか使用しなくても統一してクラスを使用してます。
　クラスとＩＤをわけて使用するのが面倒だからです。

＜＜　ＣＳＳファイルデータ例　＞＞

＜　ファイル名＝style.css　＞

.name1 {
color:blue
}
#name2 {
color:green
}

＜＜　HTMLデータ例（.cssファイルと同じフォルダ内に作成する）　＞＞

<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK href="style.css" type="text/css" rel=stylesheet>
</head>
<body>
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。
</body>
</html>

＜＜　ブラウザ表示　＞＞

スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。

■ スタイルシートで使用する単位について

　スタイルシートで使用する主な単位は、以下の３つだけです。

　px：コンピュータ画面上の１ピクセルを１とする単位。
　% ：親要素に対して割合の単位。
　pt：ポイント(1pt=0.35mm)

スタイルシート(CSS)

ボックスのスタイルシート(CSS)

ホームページの作り方HPTOPへ

リンク

素材リンク

HP作成リンク