[TIL]を作成しています

991 ワード
TIL テキストリンク

html/css

  • css
  • の画像にカーソルを合わせると、白い枠線の効果が表示されます.
  • このセクションでは、divボックスを横方向に並べ、横方向に並べたボックスを縦方向に並べて結合する.
  • 位置:absoluteを使用して白い枠線div boxを(中は透明)画像に表示し、
    • が表示されないように設定.
  • サスペンション:マウスをコンテンツにサスペンションすると、bord whiteフレームdiv boxが表示されます.
  • transition: all 1s; プロパティを使用して、画像に1秒の枠線を表示し、アニメーションのプロパティを行います.
    •   .last-content:hover .border_white {
  left: 0px;
  border: solid 20px white;
}

.border_white {
  position: absolute;
  width: 350px;
  height: 250px;
  transition: all 1s;
}
  • display:flexプロパティ:このプロパティを使用して画面を動的に配置します.(flex関連プロパティをサブプロパティに使用するには、親要素に割り当てる必要があります.)
  • メディア照会属性:
    • 、画面が一定幅に縮小されたときに、レイアウトを動的に調整する=>携帯電話、タブレットなどを使用してページを表示する
    @media screen and (max-width: 780px) { ~ 변경할 요소와 값 작성}
    Key Sequence Detection
    第9の資料構造スタック−計算機2の利用