반응형 트랜지션1 [HTML/CSS] 선택자, 꼬리말 & 트랜지션 효과까지 한눈에 정리 CSS를 활용하여 웹 요소에 정교하게 스타일을 적용하기 위해서는 선택자와 트랜스폼(transform), 트랜지션(transition) 등의 속성을 잘 이해하는 것이 중요합니다. 이번 포스팅에서는 선택자와 꼬리말(::before, ::after), 그리고 요소의 변화 효과에 대한 예제를 함께 정리하였습니다. 1. CSS의 선택자 요소CSS 선택자는 HTML 문서에서 특정 요소를 선택하고, 그 요소에 스타일을 적용할 때 사용합니다. 2. 자식 요소 선택자자식 선택자는 특정 요소의 직계 자식 요소에만 스타일을 적용할 수 있게 해줍니다.ul > li { color: blue;}> 기호는 부모 > 자식 관계만을 대상으로 하며, 손자 요소는 해당되지 않습니다. 3.기타 요소 선택자CSS에서는 다양한 선택자를 통해.. 2024. 7. 10. 이전 1 다음 반응형