背景画像練習

・(background-repeat:repeat)はブラザーに元々設定されているので、リピートは自動的に設定されている
・(background-repeat:repeat-x)は横にリピートし、(background-repeat:repeat-y)は立てにリピートする
・忘れやすい設定:

ボタンとして反応させるために「アンカー」に対して、マウスの動きに反応する「面積」を設定
例:#nav li a {
display: block;
}
paddingもここに入れる

・画像を読み込む場合IDを使う
・style cssを使う場合、最初「@charset "UTF-8";」と設定する



・link要素の多くは、リンクの関係を示すrel属性と、リンク先を指定するhref属性を組み合わせて使う


語句
・visibility: hidden;
レイアウトはそのまま、文字のみ不可視。

・display: none;
隠し文字
レイアウト領域も文字も不可視にする



課題:Ffを使ってサイトのソースと原素を勉強=試す、htmlを見ずに打つ練習、サイトを書きおろしてみる、演習課題

本日の参考サイト一覧:
HTMLの検証:The W3C Markup Validation Service
http://validator.w3.org/#validate_by_input
CSSの検証:CSS Validation Service
http://jigsaw.w3.org/css-validator/validator.html.ja#validate_by_input
SEOアクセス解析ツール
http://www.seotools.jp/
vertical-align - 縦位置の揃え方を指定する
http://weblan3.com/css/vertical-align.php