Html/CSSやってみて　コース中級編

メモ

・background-size: cover;を指定すると、1枚の画像で表示範囲を埋め尽くすように画像の大きさが拡大縮小

CSSで背景画像を指定するにはbackground-imageプロパティを用います。
background-image: url(画像のURL);

・レベル１３

ボタンを作っていきます。ボタンは<a>タグで指定

・<a>タグは初期状態でインライン要素になっていますが、displayプロパティを使うと、インラインブロック要素に変更することができる

・角を丸くするにはborder-radius pxが大きいほど角が丸くなる

・HTMLからCSSを読み込むためには、<link rel="stylesheet">を用いる

・レベル１４

・imgのときに出てくるaltってなんなんだろうか？？

・float:left で左に寄せる　２回め

・transitionを使うとアニメーションをつけることができる

・影　box-shadow プロパティを使う

・　cursor プロパティ　カーソル変える

・セレクタ:active　でクリックされているときだけCSS発動

・z-index: プロパティ　順番決める

やってみて

入力した変化がわかりやすく楽しい。　タグとクラスの違いがいまいちわからない。「.」をつけてもエラーが起きるわけではないし、、、。Rubyと比べるとだいぶ簡単で楽しくできた。

ワイジェイブログ