ホームページの作り方HP
ホームページの作り方を、 無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます
■ スタイルシートで多用するdivとspanのタグ
スタイルシートで多用するdivとspanのタグとして、divタグとspanタグがあります。
divタグは、前後に1行改行されるブロックレベルの要素です。
対して、spanタグは、文字と同じレベルで使用されるインラインレベルの要素です。
＜＜ ＣＳＳファイルデータ例 ＞＞
＜ ファイル名＝style.css ＞
.name1 {
background-color:#ffff99
}
.name2 {
background-color:#99ffcc
}
background-color:#ffff99
}
.name2 {
background-color:#99ffcc
}
＜＜ HTMLデータ例（.cssファイルと同じフォルダ内に作成する） ＞＞
<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK href="style.css" type="text/css" rel=stylesheet>
</head>
<body>
<div class=name1>
<p>スタイル<span class=name2>シート</span> です。</p>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK href="style.css" type="text/css" rel=stylesheet>
</head>
<body>
<div class=name1>
<p>スタイル<span class=name2>シート</span> です。</p>
</div>
</body>
</html>
＜＜ ブラウザ表示 ＞＞
スタイルシートです。
スタイルシート(CSS)
ボックスのスタイルシート(CSS)
ホームページの作り方HPTOPへ
| リンク | 素材リンク | HP作成リンク |
Copyright (C) 2006-2007 ホームページの作り方HP All rights reserved. |