Category: Web

2019
WebCSS

CSS-가운데 정렬(1)-margin auto

주황색 박스를 제외한 오른쪽 공간이 auto 값으로 설정할 수 있는 margin의 최대 영역을 의미한다. 주황색 박스가 block 요소(div)이기 때문에 한 줄 전체 영역을 소유한다. 그러므로 오른쪽 공간은 쓰지 않은 것뿐 주황색 박스가 소유한 공간이다. block 요소는 한 줄에 하나씩 블럭이 쌓이듯 배치된다. text-align: center

WebCSS

transition and transform

Transition(이전)과 Transform(변형) 이해하기 Trasition(전이) 요소 박스에 지정된 속성이 점진적으로 변환하는 기능을 의미한다. 이 기능을 이용하면 속성이 변화하는 과정을 통해 애니메이션 효과가 적용되어 동적인 느낌을 줄 수 있다. transition property 속성 요소에 지정된 속성을 변환하고자 할 때 사용하는 속성. 속성