プログラミング

【プログラミング独学】HTML&CSS 16日目、フッターの構造

プログラミング学習(HTML&CSS)をProgateで学習した内容を記録したものです

 

Progateでの学習と自分でリサーチしてわかったことをメモしています

 

今回はProgate演習16をやりました

 

フッターの構造

フッターもロゴとリストで構成されている

 

footer

footer-logo

HTMLでの記述

<div class=”footer”></div>

<div class=”footer-logo”></div>

 

CSSでの記述

.footer {

指定のCSS

}

.footer-logo {

指定のCSS

}

ヘッダーの時に書いたfloatとpaddingがフッターにも適用されてしまう

ヘッダーだけ適用させるときは

stylesheert.css

.header-list li {

float: left;

}

このようにヘッダーリストの横にスペースliと書くことで

 

ヘッダーリストの<li>要素にのみCSSを適用するということができる

 

入れ子のセレクターというそう

 

 

学習おわり

ブログランキングに参加中です。

応援よろしくお願いします。

ブログランキング・にほんブログ村へにほんブログ村

人気ブログランキング

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA