[지식루프의 웹개발공부] CSS 선택자
🔹 CSS 선택자란?CSS 선택자는 HTML 문서에서 특정 요소를 선택하고 스타일을 적용하는 데 사용됩니다.예를 들어, 특정 div, p, a 등 HTML 요소에 글자 크기, 색상, 배경, 여백 등을 지정할 수 있습니다.🔹 CSS 선택자의 종류와 예시1. 기본 선택자 2. 결합자(Combinator) 3. 속성 선택자 4. 가상 클래스 (Pseudo-classes) 5. 가상 요소 (Pseudo-elements) 6. 우선순위 (Specificity)선택자가 복합적으로 사용될 경우, 우선순위에 따라 스타일이 적용됩니다.우선순위 순서:!important인라인 스타일 (style="color: red;")아이디 선택자 (#header)클래스 선택자, 속성 선택자, 가상 클래스 (.box, [type="t..
더보기
[지식루프의 웹개발공부] 블록(block) 요소와 인라인(inline) 요소의 차이
블록(block) 요소와 인라인(inline) 요소의 차이1. 기본 개념블록 요소(block):항상 새로운 줄에서 시작합니다.가로 폭(width)은 기본적으로 **부모 요소의 100%**를 차지합니다.세로 방향으로 쌓이며, 레이아웃을 구성하는 주요 구조에 사용됩니다.width, height, margin, padding 모두 적용 가능합니다.예시: , , ~, , 등.인라인 요소(inline):현재 줄에서 바로 이어서 배치됩니다.콘텐츠의 크기만큼만 가로 폭을 차지합니다.width와 height는 적용되지 않으며, margin과 padding은 좌우만 적용됩니다.예시: , , , , 등.2. 시각적 차이 예시html코드 복사div class="block">블록 요소div> span class="inli..
더보기
