본문 바로가기

css2

[CSS] 선택자(Selector) 1. 선택자의 종류 - 일반 선택자 - 복합 선택자 - 가상 클래스 선택자 - 가상 엘리먼트 선택자 - 속성 선택자 2. 일반 선택자 📍 우선 순위 전체 선택자 < 타입 선택자 < 클래스 선택자 < ID 선택자 🎄 전체 선택자 - HTML 문서 내 모든 element 선택 * { background: orange; color: magenta; font-weigth: bold; } 🌲 타입 선택자 - 태그명을 이용해서 스타일을 적용할 태그 선택 - 여러 엘리먼트를 선택할 때는 컴마(,)로 구분 div, p { background: orange; color: magenta; font-weigth: bold; } 🌳 클래스 선택자 - 클래스 명은 공백 없이 대소문자 또는 -, _로 시작 (기호나 숫자 시작 X.. 2022. 3. 8.
[CSS] 단위 정리 (px, pt, em, rem, vh, vw) 절대단위와 상대단위 📘 절대단위 - in, cm, mm, pt, px - 출력 장치의 물리적 속성을 아는 경우 효율적 • px (pixel) 절대값으로 사용되는 단위. 고정된 값이기 때문에 사용하기 편하고 이해하기 쉽지만, 반응형 웹사이트를 만들 때 적절하지 않음 • pt (point) 1px = 0.75 pt 📙 상대단위 - %, em, rem, vh, vm - 기종간, 플랫폼 간의 호환성을 유지하는데 유리 - 반응형 어플리케이션을 만들때, 상대단위를 사용하는 것이 유리 • % 부모 엘리먼트의 size를 기준으로 한 상대적인 size max-width, min-width 설정 가능 • em 부모 엘리먼트의 font-size를 기준으로 한 상대적인 size 📏 px → em 변경 사이트 너무 남용하면 조.. 2022. 3. 2.