ul:list-style-type、サイト要素設計に必要な位置属性、アニメーション変換可能


ul: list-style-type


ulラベルを使用すると、前に円形、四角などの図形が貼られます.このグラフィックのプロパティを指定できます.さまざまな形状を提供します.

参考資料


https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type種類以上list-type-stype

位置プロパティ


エレメントのサイズまたはソートを設定するときに、親-子エレメント間の位置値を指定できます.親への位置相対、子へのラベルの位置絶対、子へのラベルの位置相対、子へのラベル絶対の位置相対移動.デザインの時はエリアを分けて、その時になったらよく利用すれば役に立ちます.

transform


変換することで、画像のサイズを大きくしたり、位置を移動したり、アニメーションをアニメートしたりすることができます.授業中に聞いたscaleはサイズを大きくする役割で、インデックスページを設計する際に使用するtranslationyはY座標を設定する役割です.
さらに
  • を加えると、トランジションはアニメーションの速度を調節することができます.transformを定義し、transform:1 sを定義して数秒以内に表示させます.transformは他のブロックで定義できます.この要素にのみ適用される場合はOKです.コードの使用例を次に示します.
  • img {
    
    transition: transform 1s;
    
    }

    参考資料


    https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions CSS遷移の使用
    https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms CSS変換の使用