[クイックキャンパスレッスン後記]フロントエンド100%返却チャレンジ20回

4179 ワード
クイックキャンパス テキストリンク



overflow

  • コンテンツ(サブエレメント)がエレメントの大きさを超えた場合、制御コンテンツの表示
  • 属性値
  • visible:オーバーフロー部分はトリムしないが、表示(デフォルト)
  • hidden:オーバーフローした部分を切り取って隠す
  • vololl:オーバーフローした部分を切り取り、スクロールバー(スクロールバーを無条件に作成)
    • を使用
  • auto:オーバーフロー部分がある場合のみカットし、スクロールバーを使用して
    • を表示できます.
    div {
    overflow: hidden;
}

    opacity


  • 要素の透明度の指定

  • 属性値
  • 数値:0～1の小数点
  • デフォルト:1

  • 使用方法
    • opacity: 투명도;
    div {
	opacity: 0.5; /* 50% */
}

div {
    opacity: 1; /* 100% */
}

div {
    opacity: .75; /* 75% */
}

    フォント、テキスト


    font


  • テキストに関連する属性の指定

  • 属性値
  • font-style:傾斜文字の指定
  • デフォルト:normal
  • font-weight:フォントの厚さを指定
  • デフォルト:normal
  • font-size:文字サイズの指定
  • デフォルト:medium(16 px)
  • line-height:行の高さを指定(通常)
  • font-family:指定フォント(フォント)
  • 用法
    • font: 기울기 두께 크기 / 줄높이 글꼴;
    .box {
    font: italic bold 20px / 1.5 "Arial", sans-serif;
}
    ショートカット・プロパティを使用するには、font-sizeとfont-familyを入力する必要があります.

    font-style


  • 文字スタイル(勾配)の指定

  • 属性値
  • normal:スタイルなし(デフォルト)
  • Italic:エスケープ体(字)
  • 斜体:斜体字
    • p {
	font-style: italic;
}

    font-weight


  • テキストの太さを指定(ウェイト)

  • 属性値
  • normal:400(デフォルト)
    • に等しいデフォルト文字の高さ
  • bold:太字、700と同じ
  • border:親(親)要素より厚い(概念Xはboldより大きい)
  • より軽い:親要素より薄い
  • 数字:9個の100から900の間の数字
    • p {
    font-weight: 100;
}
    フロントエンドマルチファンクションオールインワンパッケージのショートカット->https://bit.ly/3m0t8GM
    linuxのファイルをwindowsにバックアップする
    🐜 Mineアプリケーションプロジェクト-上部タブ