2012-04-02から1日間の記事一覧

要素間の上下マージンの相殺

CSS

ナビのli要素に margin-bottom:5px; margin-top:10px;と指定してあった場合 それぞれのli間の上下のマージンは 値の大きいほう(負の値の小さいほう)、または一方が正の値、他方が負の値の場合、足し引きした値が設定されます。

フォントファミリーの順番を考える

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; 使われる頻度が低いほうを上から順番に記述します。(CSSが下から解釈する為) …

CSSリセットの歴史

CSS

数年前までユニバーサルセレクタ(*)を使用しブラウザのデフォルトスタイルをリセットしていましたが、inputやbutton要素の表示に影響を及ぼすことから、現在ではタグそれぞれに対し設定を行っています。 〜昔〜 * { margin: 0; padding: 0; border: none; …

CSSの記述順序

外部CSSを記述する順番は、reset ⇒ body ⇒ container ⇒ header ⇒ wrapper ⇒ content ⇒ sidebar(nav含む) ⇒ footer ⇒ h1 ⇒ p ⇒ h2, h3, h4 ⇒ ul, ol, dl ⇒ li ⇒table ⇒ address とブラウザが持つ初期値をリセットした部分から記述する。

HTML【石垣島観光ガイド】

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </meta></head></html>