3日目。余白、中央揃え、背景画像

プログラミング

コピーライト表記を入れてみる

©poplog.me

↑こういうやつですね。

汎用的に使えるsection(セクション)というタグ。

<section>~<section> で枠外にできる。

余白プロパティ 

padding:16px;

で、枠線の内側に16pxの余白。

WEBサイトでは8の倍数にすると綺麗に見える。

margin-bottom:8px;

で枠線の外、コピーライトの上にだけ余白。

画像やテキストを中央揃えに

body{

text-align:center;

}

↑その間にある物を中央揃えに。

cssで背景を敷く

background-image:url(ファイル名);

まとめ

文書の意味をコンピューターに伝えるため、htmlのタグを使い、

スタイルを整えるためにcssのセレクタとプロパティを使う。

コメント

タイトルとURLをコピーしました