詰まったメモ０１

aタグにactionクラスをつけることによって変化させたい時に
.action a で更新するaタグは同じ重さじゃないと更新できない
やはり極力クラスはつけていくべきだ

inputタグの初期値は

::placeholder{
   color:#aaa;
}

で色を変えれる

グラデーション

/* 45度に傾いたグラデーションで、
  青から始まり赤で終わる */
linear-gradient(45deg, blue, red);

/* 右下から左上に向かうグラデーションで、
  青から始まり赤で終わる */
linear-gradient(to left top, blue, red);

/* 色経由点: 下から上に向かうグラデーションで、
  青から始まり、長さの40%ののところで緑になり、
  赤で終わる */
linear-gradient(0deg, blue, green 40%, red);

/* 色ヒント: 左から右に向かうグラデーションで、
  赤から始まり、グラデーションの長さ全体の
  10%に中間点が来て、残りの90%の長さをかけて
  青色に変わる */
linear-gradient(.25turn, red, 10%, blue);

/* 複数位置の色経由点: 45度傾いたグラデーションで、
  左下半分が赤で右上半分が青、
  赤から青への変化は明確な線 */
linear-gradient(45deg, red 0 50%, blue 50% 100%);

文字のグラデーションはこれの応用で、htmlに普通に文字を書き、

h1{
 color: #ACB6E5;//非対応のブラウザ用での文字色を設定
 background: -webkit-linear-gradient(0deg, #ACB6E5, #86FDE8);//背景色にグラデーションを指定
 -webkit-background-clip: text;//テキストでくり抜く
 -webkit-text-fill-color: transparent;//くり抜いた部分は背景を表示
}