2013-11-09から1日間の記事一覧

CSS3 nth-childとは 使い方

CSS3のとても便利なnth-child要素。 nthのnってただのnumberのことでした。例)nth-child(5) = 5th(列の5番目) nth-child(4n-7) = 4の倍数マイナス7だから、1,5,9,13,17....と選択されていきます。

HTML5 レスポンシブデザインサイト スタイルシートの書き方

HTML5 レスポンシブデザインサイト スタイルシートの書き方 以下のようにスタイルシートを3つ用意する。 各サイズで読み込むスタイルシートが変わる。 <link rel="stylesheet" href="style-small.css">//スマートフォンサイト用 <link rel="stylesheet" href="style-medium.css" media="only screen and (min-width:600px) and (max-width:979px)">//タブレット用 </link></link>