自分用

&copy: //文字実体参照//
&#169: //数字実体参照//

@import url('https://fonts.googleapis.com/css?family=Sriracha&display=swap');

//Googleフォントから好みのフォントを選べる。ウェブフォントを使うと、表現が豊かになる代わりに、重くなるデメリットがある。使いたい場所を決めて使う。//

複数のデバイスに合わせたレイアウトを作る
RWD(レスポンシブWebデザイン)

@media only screen and (条件)

//メディアクエリー//

<a href="#"><img src=…</a>

//イメージにリンクを貼れる。#はダミーリンク//

クラス名 img:hover ｛
           Opacity: .5
       ｝

//画像にカーソルを合わせると白くなる(リンクが貼られてると分かる)。opacityとは透明度//

transition-property: opacity;
//アニメーションを実行する対象のプロパティを設定する//
    transition-duration: 1s;
//アニメーションを何秒かけて行うか設定する//
transition-timing-function: ease;
//アニメーションに演出をかける//
transition-delay: 0s;
//何秒かけて遅らせるか設定する//

transition--function: ease;
transition-timing-function: linear;
transition-timing-function: ease-in;
transition-timing-function: ease-out;
transition-timing-function: ease-in-out;

//この５つが使える、専門的な知識が必要//