[CSS] 선택자, 주요 속성 정리(flex, grid, font-size, color, margin, padding, position)
1. 선택자란? 선택자는 CSS 속성값을 적용하기 위해 어떤 HTML 요소를 선택해야 하는지를 브라우저에 알려주는 요소입니다. 1) 요소 선택자 : 직접 요소명을 적어서 나타내는 선택자 (a, h1, div, img, p, span 등) 2) id 선택자 : id 속성 앞에 #을 붙여서 사용 3) class 선택자 : class 속성 앞에 .(마침표)를 붙여서 사용 4) 선택자 중첩 : 선택자를 이어서 사용 ex) 선택자가 span.main 이라면 span 태그이면서 class 명이 main인 선택자들을 선택합니다. 5) 선택자 묶음 : ,를 이용하여 묶음 6) 후손 선택자 : 띄어쓰기로 연결하면 자식요소를 선택함 ex) 선택자가 img a 라면 img 태그의 자식 요소인 a 선택자를 선택합니다. 2. ..