Web制作のアレコレ

要素の位置を変更するプロパティ

position 要素の位置を決めるために使うプロパティ 例えば少し右に動かしてみたり、どんなにスクロールしても同じ位置に表示してみたり 使い方は様々 基本的な記述方法は CSS 動かしたい要素{ position:○○・・・。

MORE

余白を設定するプロパティ

HTMLを装飾するうえで欠かせないものが余白の設定です。 ここでは要素の外側に余白を付ける「margin」と 要素の内側に余白を付ける「padding」を紹介します。 margin marginは要素の外側に余白を付ける・・・。

MORE

行間を設定するプロパティ

line-height このline-heightプロパティは行の高さを設定して行間を変更するするプロパティです。使える単位はいろいろあります 行間を設定することで読みやすい文章にすることができるかもしれません プロパテ・・・。

MORE

行の揃え位置を設定するtext-align

text-align このプロパティはブロックレベルの要素内で画面幅に満たない文章や画像をどこにそろえて表示するかの設定をします。 よくある勘違いでどの要素にこれを付けて効果があると思い込みがちですが対象とされる要素はブ・・・。

MORE

スタイルの継承

スタイルの継承とは? cssにはスタイルの継承という難しい概念があります これをしっかり理解できると無駄なコードが減るのでしっかり理解しておくとよいでしょう 例えばこのようなコードがあったとします css <sty・・・。

MORE

スタイル継承一覧表

全てを覚える必要はありませんが参考までに プロパティの確認にもいいかもです ページ内移動用のナビですどうぞ 文字などに使うプロパティ 色や背景に使うプロパティ 幅や高さ用のプロパティ 余白用のプロパティ 境界線用のプロパ・・・。

MORE