ネットで生きる男達 -2ページ目

ネットで生きる男達

ブログ、ホームページ、SEO、ソーシャルメディア、ネットビジネスなどネットで生きる為の情報を発信していきます。

ホームページ作成講座の初回はこちら




どうもかとやんです。

前回説明できなかった部分を説明します。





では前回の途中のCSSの解説から始めます。

#container{
background-color:white;
width:980px;
margin:0 auto;
}


こちらの説明から始めたいと思います。
以前説明したbaclground-colorは説明をハブきます


cssでid先にCSSを適応したい場合はidを#(シャープ)にしてid名を#の後ろに書きます
ですので、#containerという形になりました。

width:980px;


widthは横幅を意味します
widthはサイトの横幅ですね、pxはサイズの大きさになります。
yahoo JAPANで言えばwidthは950pxとなっていますので、yahooより少しだけ大きいくらいです。

marginは下記の図のように領域の外枠になります。
marginなどについて

こちらの図の詳しい説明は今説明すると混乱すると思うので後ほど説明します。
magin:0 auto;はwidthを指定されているブロック要素をセンタリングする方法です
ブロック要素には

address blockquote center dir div dl fieldset form h1 h2 h3 h4 h5 h6 hr isindex menu noframes noscript ol p pre table ul

などがあります。
ブロック要素については後ほどの記事で詳しく説明します。

今日は忙しかったのでここまでしか書けませんでした。すみません

では次回をお楽しみに!