HTML&CSS メモ - enernote

5/13

http://www.css-lecture.com/
をみて基本的なことを学ぶ。

※ css で画像を表示する際などに path を指定するが、これはcssファイルから見た相対パスを入れなければいけない。

***********************************************************************************************

5/16

• 単純にちょっとサイズが小さくないか？

[サイズ設計]
基本は

• 黄金比 1:1.618
• 白銀比 1.1.414

幅1,000pxの場合

• 黄金比 382:618
• 白銀比 414:586

になる。
ここでは、黄金比で作ってみる！

wrapper: 1000px

main: 618px

add: 382px

※ width とはmarginを抜いた幅であることに注意する！

---

[ドットインストール HTMLの基礎]

• "favicon"なるもの(拡張子は.ico)がある。

　これは url の左に表示される小さなアイコンで、ブックマークされた際にも表示されるのでぜひつけたい。

• リストタグ

　ul: Unorderd List (箇条書き)
　ol: Orderd List (番号付き)
　li: List Item

• テーブルタグ

　tr: Table Row
　th: Table Header
　td: Table Data

• 汎用要素

　div: 汎用ブロックタグ
　span: 汎用インラインタグ
　id: 一意
　class: 複数

• 実体参照

　< : Less Than (<)
　> : Greater Than (>)

[ドットインストール CSSの基礎]

• セレクタの微妙な違い

　a, b: aまたはb
　a b: aの中のb
　a>b: aの子要素のb (直下でなくてはいけない、孫でもだめ)
　ab: aのb (div#main, span.index など)

• 疑似クラス

　a:hover などのこと。
　クラス指定していなくても、何らかの挙動や特殊性から指定する事ができるもの。

• セレクタの優先順位

　!important をつけると、すべてを無視して最優先する。あまり使わないこと。

• 要素の位置指定

　position プロパティを指定する
　relative: デフォルトの指定と比較して、相対的に。
　absolute: 親要素と比較して、絶対的に。
　fixed: ブラウザの枠と比較して。

• 要素の重なり

　z-index で指定する。
　重なった時に、z-index が小さい方が下に行く。