CSS-position absolute와 transform의translate를 사용한 가운데정렬
position의 absolute left :50% tpp : 50% -> 이미지의 크기가 width : 120px height : 120px 가정, 절대적인 위치로 왼쪽에서 50% , 위에서 50% 떨어져있는 상태로 정가운데를 기준으로 절대적인 이미지 위치 생성, 그럼 당연히 이미지 크기가 틀어짐. 그렇다면, transform의 translate 속성으로 그 이미지 절대적인 위치를 좌표값을 기준으로 가운데로 다시 재정렬 transform:translate(-50%,-50%); -> 가운데 정렬.
CSS표준공부
2021. 3. 16. 00:18
HTML * CSS * JavaScript 마무리 정리
F』 (자식 선택자) E 엘리먼트의 자식 엘리먼트인 F 엘리먼트를 선택하게 된다. 7. 『E+F』 (인접 선택자, 형제 자매 선택자) E 와 F 가 계층 구조상 서로 형제 자매 관계인 경우 선택하게 된다. 8. 『E:HOVER, E:ACTIVE, E:FOCUS, ...』 (동적 선택자, 가상 선택자) 사용자 액션이 선택자로 구성한 상태에 해당하는 (만족하는) E 엘리먼트를 선택하게 된다. ·CSS 의 선언 및 적용 방법 1. 외부 선언 2. 문서 안에 포함하여 선언 ..
Web(국비)/자바스크립트
2019. 10. 22. 10:17