HTML&CSS

ビューポートについて スマートフォンのブラウザではViewportという仮想ウインドウサイズが設定されています。 もう少しわかりやすい言葉で説明すると、スマートフォンの画面は本来の解像度で表示するのではなく、仮想の解像度で表示を行います...

ある要素の表示と非表示の方法をまとめました。 visibilityプロパティ ボックスの表示（visible）と非表示（hidden）を指定するにはvisibilityプロパティを使用します。 visibilityプロパティで...

p要素の中に複数の画像をimgタグで挿入します。 通常なら横並びに画像が並ぶはずです。 ここでimg要素にposition : absoluteを設定します。 位置は特に指定をしません。 そうするとimgで挿入した画像がきれいに重な...

CSS3から追加されたn番目の子要素を指定できるnth-child(n)とnth-of-type(n)の違いです。 nth-child(n)は、ある親要素の全ての子要素の中のn番目の子要素を表します。 nth-of-type(n)はある...

background-sizeプロパティについて 背景画像をCSSで設定するにはbackground-imageプロパティを使用します。 CSS3のbackground-sizeプロパティは、背景画像の幅・高さを拡大・縮小することが...

CSS2.1　セレクタ セレクタのパターンマッチ パターン 名称 例 　　 h1,h2,h3 グループセレクタ ...

ネガティブマージンは設定する方向で違った動きをします。 margin-leftとmargin-topはマージンを設定した要素がその方向へ動きます。 margin-rightとmargin-bottomの場合はマージンを設定した要素は動か...

ul要素とli要素は初期状態ではマージンとパディングが設定されていますので、いったん０にリセットします。 li要素のマーカーを消すためlist-style-type:noneとします。 リンクであることがわかりやすいよ...