HTML押さえどころ
http://www.ne.jp/asahi/hatakeyama/design/csslayout/tips/index14.html ※widthとheightの指定も忘れずに。 ※position:absoluteには必ず「親」がいる。 親にしたいボックスに「position：static」以外のpositionを指定 （たいていはrelativeで）、そのなか…
h1Pは入れられません。インライン要素のみ。imgは入れ子可能。dlインライン要素のみ。h1などは入れられません。li、dd何でも入れられます。ul、dlのリストの入れ子。div、h1、imgaインライン要素。※HTML5では仕様に変更があるタグもあります。
dlをセンターに配置する。＜縦一列の項目の場合＞ dl{ display:block; width:570px; margin-left: auto; margin-right: auto; text-align:center; } dl dt, dl dd{ width:100%; } ＜横2列の項目の場合＞ dl{ width:85%; margin-left:25px; } dt{ float:left;…
body{font-size:100%;/*各ブラウザの設定に依存する*/ margin:0px;/*ブラウザとの余白*/ padding:0px;/*ブラウザとの余白*/ background-image:url(../image/bg.jpeg);}/*背景画像挿入*/ #wrapper {width:960px;/*全体の幅*/ background-color:#ffffff; margi…
XHTML1.0の基本的な頭部分です。 /をつける。 小文字で記述する事を忘れずに！ クラスやid名は大文字可能。 それ以外のタグには小文字を使用する。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
vertical-alignはインライン要素とテーブルセル要素にのみ適用します。 ブロックレベル要素には適用できませんので、display: table-cell;を使用します。[方法1] H1の中に画像を入れる方法※この方法は、文字数が多かったり、改行するとimageの下に文字が回り…
<div id="side_nav"> <ul> <li><a href="#">A</a></li> <li><a href="#">B</a></li> <li><a href="#">C</a></li> <li><a href="#">D</a></li> <li><a href="#">E</a></li> </ul> </div> #side_nav ul{ list-style:none; padding:0px; margin-left:20px; line-height:1.5em; /*emはMを基準にした大きさ…
