본문 바로가기

애니메이션 효과1

[CSS] 여백관리 & 애니메이션효과 & 반응형 웹 CSS첫 포스팅에 실려있는 "박스모델"에 관한 내용 응용의 내용과 웹 브라우저 내의 내용에 관계 없이 항상 footer가 하단 배치 될 수 있도록 하게 하는 방법, transition, transform, animation속성을 활용하여 기초적인 애니메이션 효과를 넣는 방법에 대해 다루었으며, 하단에는 중간의 실습 시간을 통해 직접 구축한 html페이지를 첨부하였다. 중간에는 리스트의 가로정렬과 a태그의 밑줄을 없애는 방법도 확인할 수 있다. media quary를 활용한 반응형 웹 화면을 구축하는 실습도 추가되어있다. 1. 여백관리 이해를 돕기 위한 이미지를 첨부하였다. footer는 기본적으로 웹브라우저의 내용 바로 아래로 따라붙기 때문에 별도의 설정을 해주지 않으면, 내용이 적을때는 footer가 .. 2022. 2. 10.

이전 1 다음

티스토리툴바