読者です 読者をやめる 読者になる 読者になる

感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

セレクタとセンタリング

HTML / CSS
<スポンサーリンク>

・どの部分にスタイルを適用するかは、セレクタで特定する。

・div要素は、それ自体は意味を持たない。しかし、特定の範囲を指定したり、複数の要素をグループ化してまとめるコンテナとして使用する。

・ボックスのセンタリングを設定する方法

/** 上下マージンを無しにして、左右マージンを自動算出にする */
width:横幅; margin: 0 auto;

・ブラウザの初期スタイルを一旦リセットしてから、製作者のCSSソースを指定してウェブデザインを進めていくやり方は、ウェブ製作で用いられることが多い。

* {
	margin:0; padding: 0;
}

この*は全称セレクタと呼ばれる。
すべての要素を対象にしてスタイルを指定する際に使用するセレクタ。

ウェブページ全体に背景画像を敷き詰める

body {
	background-image:url("images/bg_body.png");
}

背景の素材サイトはこんなサイトがある。
http://www.noqta.it/dromoscopio/

背景素材のまとめサイトはこちら。
http://design-develop.net/web-design/hakei.html

・back-ground-repeatプロパティに指定できる値

プロパティ 意味
repeat 縦横に背景画像をタイル上に繰り返して表示する(初期値)
repeat-x 横方向にのみ背景画像を繰り返して表示する。
repeat-y 縦方向にのみ背景画像を繰り返して表示する。
no-repeat 背景画像を一回だけにして表示して繰り返さない。

ロゴの素材集
http://20kaido.com/archives/6396792.html
http://www.geocities.co.jp/Milano-Aoyama/3886/brand2.htm

・ロゴを設定して、ロゴをクリックしたらindex.htmlに戻るように指定する。

<h1><a href="index.html"><img src="images/logo.jpg" alt="サンプル"></a></h1>

上記のように指定すると、ログ画像をクリックすればホーム(トップページ)に戻れる。


読んだ本

はじめてのHTML+CSS (TECHNICAL MASTER)

はじめてのHTML+CSS (TECHNICAL MASTER)

感謝のプログラミング

今回で感謝のプログラミングは【409時間目】
10000時間まで、あと【9591時間】