こんにちは!!初投稿です!!芽衣です(^^)/
プログラミングを初めて3日目、
アウトプットしてのために記事を投稿します。
本日今回学んだこと
- text-align
- margin
- hover
- active
- position-fixed
について、まとめます!!
#text-align,margin
対象の物の場所を決められる。
＊例
.message{
text-align:center;
}
だと、messageを真ん中に寄せることができます。
marginは広い範囲に使い、text-alignはテキストやボタンなどの小さ目なブロックに使います。
#hover
セレクタ:hoverとすることで、カーソルをのった常態のcssを指定できます。
またtransitionを組み合わせると、変化の対象や変化の時間を指定できます。
#active
セレクタ:activeを用いると、要素がクリックされている間だけcssを指定できます。
#position-fixed
要素を画面上の指定した位置に固定させられる。
また、z-indexで画像が重なることを防ぐことを可能にします。
#最後に
今回は、CSSの基本的な使い方をお伝えしました。
ありがとうございました。