(マイナスの数値だと、すぐに開始されるが、指定のマイナス分だけ以前に始まったような表示に)transition-propertyの値はCSSのプロパティ名。allなら、指定されたすべてのプロパティに対してtransitionが有効。「プロパティ名、transition-durationの値、transition-timing-functionの値、transition-delayの値」を1セットとし、複数のセットを「,(カンマ)」で区切る。height:70px;}5行目がtransitionの指定。対してtransitionを指定している。a:focus)ちょっと余談になるが、a要素へのスタイル指定と、擬似クラス「a:hover」への指定だけで、リンクに関するスタイルは十分だと思ってる(根がいいかげんなせいか..)。a要素へのスタイル指定がイキになる。a要素への指定以外の変化をつけたい場合のみ、擬似クラスを使って指定するのだ。それで、「a:hover」のスタイルだけ追加で指定することが多いというわけ。ほかの状態も細かくスタイルを指定したい時のために、a要素のスタイル指定についてのポイントと、a要素の擬似クラスをメモ。outlineなど)をリセットしておくと便利。(以下の擬似クラスを使っていちいち指定しなくても、コレ一発で済むので)a要素はインラインレベル。指定してブロックレベルにする必要アリ。指定すれば、テキストリンクでも、テキストだけでなくaの領域(幅と高さを持つ)すべてがリンク領域になるので、ユーザがクリックしやすくなる。a:linkリンクへ未訪問の状態のa要素(aのスタイルを上書きするだけなので不要かも。マジ使った事無いわ)a:visitedリンクへ訪問済みの状態のa要素(既にクリックしてリンクへ飛んだことがあるa要素。指定したほうが便利なページもあるかも。ユーザによるブラウザの訪問履歴設定によっては、せっかく指定しても無効になるけどw)a:hoverマウスオーバーしている状態のa要素(クリックする前のマウスオーバー状態。そこがリンク領域であることが認知しやすいので必須だと思う。スマホやタブレットでは、マウスオーバーの概念が無く意味無いか。タップ時に一瞬この指定が有効になっている気もする)a:activeマウスでクリックしている状態のa要素(ユーザがマウスでクリックしてから離すまでの間の状態)a:focusマウスでクリックして選択した状態のa要素(フォーム関連の要素がフォーカスされた状態のスタイルのために良く使われるが、aにも使える。aの場合、別ウィンドウ(タブ)へのリンクで、元のウィンドウ(タブ)に戻った時、該当リンク部分は「focus状態」)ちなみにCSSの「擬似クラス」セレクタとは要素が「ある状態」になっているときだけ適用されるように、擬似的なclassのように指定するためのセレクタ。