TIL 210730

3734 ワード
TIL CSS JavaScript テキストリンク

今日やったこと

  • Udemyの20 Web Projects With Vanilla JavaScriptレッスン決済!
    • 自学者はまた授業を決算した.14400元だから買わないわけにはいかないでしょう.
    英語の授業だったので、基礎科目と一緒に悩んでいたら、udemyのハングル字幕がセットされている文章を見てすぐに叫んだ.
    コメントブログ
    Udemyリアルタイムハングル字幕の方法(feat.Chrome)

    適用👍
    思ったより翻訳が上手知っていればよかったのに...

    学習の内容


    カスタムCSSプロパティの使用(変数)


    コメントドキュメント
    :root - CSS: Cascading Style Sheets | MDN - Mozilla
    カスタムCSS属性(変数)|MDN-Mozillaの使用
    異なる場所に同じ脈絡のプロパティ値がある場合は、カスタムプロパティを使用して値を1つの領域に保存し、異なる場所で参照できます.

    変数の宣言

    :root {
  --success-color: #2ecc71;
  --error-color: #e74c3c;
}
    --の次の変数に名前を付け、:で変数の値を入れます.

    :ルートから宣言された理由


    :rootはHTMLドキュメントでは<html>と同じですが、仮想選択プログラムであるため優先度が高くなります.したがって、HTMLドキュメントの任意の場所からカスタム属性にアクセスできます.

    変数の読み込み

    .form-control.success input {
  border-color: var(--success-color);
}

.form-control.error input {
  border-color: var(--error-color);
}

.form-control small {
  color: var(--error-color);
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
}
    一般値が表示される場所では、var(변수명)を使用します.宣言された変数をルートから読み込みます.
    JavaScript講座を聞いたことがありますが、cssの方が詳しいようです.CSS面白すぎて.
    poj-3661-もう一つの方法(スクロール配列)
    CSDN文章の抽出