목록프론트엔드/CSS (2)
코딩기록
CSS 선택자의 우선순위 1순위: css속성: 속성값 !important; 2순위: inline-style 속성 (요소에 직접 작성되는 style속성) 3순위: 아이디 선택자(#아이디 속성명) 4순위: 클래스 선택자(.class 속성명) 5순위: 태그 선택자 (태그명) * 알아둬야 할 것 1) 동일한 우선 순위로 css 속성이 설정된 경우 -> 제일 마지막에 작성된 css 속성이 반영된다 2) 여러 선택자를 이용해서 같은 요소를 선택하더라도 지정되는 css 속성이 다르면 모두 반영된다. 화면 배치 방법(형식) : display 속성 요소가 화면에 어떻게 보여질지 형식을 지정하는 속성 - block : 화면을 수직 분할(행을 나눔) + width / height 속성 사용 가능 - inline : 화면을 ..
오늘 배운 CSS 선택자(자식 선택자, 후손 선택자, 반응 선택자, 상태 선택자, 동위 선택자) 내용을 정리하였다. 자식 선택자 지정된 요소 바로 하위에 존재하는 요소를 선택하는 선택자 작성법 선택자1 > 선택자2 {css코드 ;} - 선택자1: 부모 요소 선택(반드시 필요) - 선택자2: 자식 요소 선택(반드시 필요) #parent-ul { background-color: brown; } #parent-ul > li { background-color: orange; } #parent-ul > li > span { /* #parent-ul > span : 안됨, 자식의 자식은 바로 지정 안됨 */ background-color: teal; } 후손(자손) 선택자 지정된 요소의 모든 하위에 존재하는 요소를..