꾸준히 성장하는 개발자

flex (정렬) display : Flex container의 화면 출력(보여짐) 특성 flex - 블록요소와 같이 flex container 정의 (flex contaiver가 블록 요소처럼 세로로 쌓임) inline-flex - 인라인 요소와 같이 flex container 정의 (인라인 요소처럼 가로로 쌓임) flex-direction : 주축을 설정 row 행축(좌 -> 우) row-reverse 행축(우 -> 좌) column 열축(위 -> 아래 ) column-reverse 열축(아래 -> 위) flex-wrap : flex items 묶음(줄 바꿈) 여부 nowrap 묶음(줄바꿈) 없음 wrap 여러줄로 묶음 justify-content 주축(수평)의 정렬방법 flex-start Flex ..

전체 선택자 *{.....} 태그 선택자 태그명{....} 클래스 선택자 .클래스명{...} 아이디 선택자 # 아이디명{....} 일치 선택자 태그.클래스{....} (띄어쓰기 없음) 자식 선택자 .클래스명 or 태그등 >.클래스명 or 태그등{...} 하위 후손 선택자 클래스명 (띄어쓰기) .클래스{...} 인접 형제 선택자 ex) .orange + li{...} -> .orange 이 선택자의 다음 형제 요소하나를 선택 .... .... .... -> 이 태그 선택 .... 일반 형제 선택자 ex) .orange ~ li{...} -> .orange 이 선택자의 다음 형제 요소 모두 선택 .... .... .... -> 태그 선택 .... -> 태그 선택 가상 클래스 선택자 .box : hover{...