開発ログ210705

2116 ワード
大邱AI学校 テキストリンク

学習の内容


z-index


Z軸の高さに影響するプロパティ
兄弟関係でabsoluteまたはfixedを使用すると、レイヤが重複します.
注意事項:z軸(3 Dフィーチャーのある場所で使用可能)
*兄弟関係に基づく位置属性値
  • 最初の兄弟の位置が2次元か3次元かによって異なります.
    レイヤーが重なるかどうかを確認する
  • 大空間は2次元小空間を採用し、2次元小空間
  • すべてが3次元である場合、層は
    • に重なる.
  • 兄弟関係の場合は16種類!

    • float

  • スペースを作成するタグにはblockプロパティがあります
    (改行)
  • 選択領域をフローティングにオフセットし、ソートします.
  • floatを最後の使用領域として使用し、clearを使用します.
    clear->float機能
    • を閉じることを意味します
  • floatとclearはワニとワニの鳥のような二人組!
    float tip!
    • 固定値
  • を持つ浮動小数点で使用される領域の親のサイズは、可変値ではありません.
    固定値を使用してレイヤーを歪まない!
  • 親の幅の値は、フローティング領域
    • 以上である必要があります.
    フローティング値が
  • の場合、親のサイズ
    • には影響しません.
  • floatを使用する領域は、親
    • に影響を及ぼさない.
  • フローティングでは、位置は相対的および静的を使用する必要があります.
    純粋な3 Dのabsoluteとfixedは使用できません

    overflow

  • ボックスを超えるオブジェクトを非表示にするには
  • の非表示内容からoverflow-xor y:sroll
  • floatと組み合わせて
    • を用いる.
  • hiddenを使用して、親の高さ値
    • を識別します.

    flex

  • floatの概念、動作を展開するための
    • flex-direction :
 row (기본값) x축으로 정렬 굳이 설정안해도 됨
 column은 y축으로 정렬
 row-reverse 역순 x축 정렬
 column-reverse 역순 y축 정렬

    flex-wrap

  • nowrap
    親領域
    • に適合するようにサイズを変更
  • wrap
    子供の大きさが親より大きい場合.
    自動改行

    • flex-flow

  • 方向とwrapの同時入力には
    • を用いる.

    Flexソート

  • 妥当性-コンテンツx軸整列
    • justify-content :
flex-start x축 정렬 왼쪽
flex-end x축 정렬 오른쪽 
center 가운테 
space-between 영역마다 균일한 간격 
space-around 영역마다 균일한 간격 + 바깥쪽 공백
  • align-item y軸
    • align-item :
flex-start 상단부분 위치
flex-end 하단부분 위치
center 중간
baseline 영역 밑 부분 라인을 맞춰 정렬

    集中的にソートする方法


  • x軸中央揃え
    マージン:0(上下)auto(左右);
    自動削除
  • の位置に結合
    スペースサイズを変更する場合は、left、margine-leftを同時に変更する必要があります.
    (相対値は右上左下)
    •  position : relative;
 left : 50%;
 margin left : width의 반 값

    難点


    本当にやり間違えた.
    一つになればもう一つ忘れてしまうw

    学習の心得.


    食事時間と睡眠時間を除いて、コードと水の一体を行うようです.
    Singleton Pattern
    SLイベントの使用