CSS

nth-child를 쓰다보면 내가 원하는 태그를 선택하지를 못하는 경우가 많아 답답했었다. 이 부분을 공부하면서 개념을 정확히 이해했다. 나와 비슷한 의문을 가진 사람들에게 도움이 되길!위의 코드에서 li 중 첫 번째 요소를 선택하려면 어떻게 하면 될까? first-c

position은 요소를 배치하는 속성이다. position의 여러 속성값에 대해서 살펴보자. 기본값으로 따로 지정하지 않는다면 static이다.html을 작성한 순으로 일반적인 문서의 흐름에 따라 위치가 지정된다.자기 자신을 기준으로 상대적인 위치를 나타낸다.다른 콘

css에서 요소들이 움직이는 효과를 주고 싶다면?transition을 이용하여 효과를 줄 수도 있지만, @keyframes 규칙과 animation 속성으로 적용할 수도 있다. 둘은 무슨 차이가 있을까?transition과 animation은 모두 요소를 동적으로 움직

위와 같이 버튼마다 각기 다른 아이콘을 넣어주려고 한다면 어떻게 할 수 있을까? 가장 간단하게는 각 아이콘의 이미지 파일을 하나씩 하나씩 백그라운드나 img태그에 넣어서 보여줄 수 있다. 그러나, 버튼이 4개가 아니라 100개라면 어떨까? 이미지 파일을 많이 넣게 되