頭脳一式

人の記憶なんて曖昧なもの。すべての情報を頭に記憶するなんてナンセンス。困ったらここに来ればいいじゃん?というスタンスで最強のナレッジベースを目指すブログ

CSS3

【CSS3】フロート(float)の仕組みを理解する

floatする前 div1要素にfloat:leftを設定する div2要素の回り込みを回避する。 overflow:hidden;を指定する方法 clear:both;を指定する方法 floatする前 まずはfloatする前のhtml,css,プレビュー。 横幅の大きさは150pxとする。 【プレビュー】 div1 div2 di…

【CSS3】子孫セレクタを理解する

段落1 段落2 段落3 段落4 段落5 段落6 段落7 段落8 <body> <p>段落1</p> <p>段落2</p> <div id="div1" class="divclass"> <p>段落3</p> <p>段落4</p> </div> <p>段落5</p> <p>段落6</p> <div id="div2" class="divclass"> <p>段落7</p> <p>段落8</p> </div> </body> /*①body要素内のすべてのp要素に対して適用。*/ body p{ font-weight : bold; } /*②body要素内でID名が"div1"に紐づくすべ…

【CSS3】基礎知識

CSSの構成 CSSを記述する場所 1.インライン 2.エンベッド 3.リンク セレクタについて タイプ(要素)セレクタ IDセレクタ クラスセレクタ 子孫セレクタ(要素の中にある要素を選択するセレクタ) 複数のセレクタに同じスタイルを適用させる 全称セレクタ …