목차 background-image 정의 background-image 구문 ★ background-image 예제 - 상속 X, 단 영향은 미침 background-image 예제 - 자식요소 margin 부분은 포함 X background-image 예제 - 자식요소 margin…

목차 :lang(language) 예제 :lang(language) 정의 :lang(language) 구문 :lang(language) 예제 <style>p:lang(ko) {color:blue;}p:lang(ja) {color…

목차 ::after 예제 - 모든 P요소 안 내용 뒤에 글자 삽입 ::after 정의 ::after 예제 - 특정 P요소 안 내용 뒤에 글자 삽입 ::after 예제 - 불투명한 배경 효과 ::after 예제 - 가상요소에 링크 걸기 ::after 에제 - 버튼 클릭 시…

목차 ::before 예제 - (글씨넣기/괄호넣기/이미지넣기) ::before 정의 ::before 구문 ::before 예제 - 특정요소만 스타일 주려면, class 선택자 추가 ::before 예제 - 3번째 요소에만 적용 ::before 예제 - ::before 가…

목차 ::first-line 예제 - 요소의 첫번째라인 선택 ::first-line 정의 ::first-line 구문 ::first-line 예제 - 특정요소의 첫번째라인만 적용 ::first-line 예제 - 요소의 첫번째라인 선택 …

목차 ::first-letter 예제 - 요소의 첫번째 글자색 변경 ::first-letter 정의 ::first-letter 예제 - 특정요소선택은 class 선택자 이용 ::first-letter 예제 - 인라인요소엔 적용 X ::first-letter…

목차 [attribute=value] 예제 - 속성값이 value인 attribute 속성 갖는 선택자 [attribute=value] 정의 [attribute=value] 구문 [attribute=value] 예제 - text 타입 input 요소 선택 …

목차 element+element 예제 - h1태그 바로 뒤 p요소만 선택 element+element 정의 element+element 구문 element+element 예제 - div태그 바로 뒤 p요소만 선택 element+element 예제 - 스크롤 상단고정메뉴 (= Sti…

목차 id/class 예제 id/class 기호 id/class 우선순위 선택자 우선순위 (= CSS 적용 순서) ※ 명시도 id 특징 class 특징 id/class 대소문자 구별 예제 id/class 명명 시 주의사항 id 사용 …

목차 CSS 정의 방법 3가지 CSS 적용 우선 순위 ★ CSS 명시도 - CSS 우선순위 판별 (= CSS 적용순서 체크) CSS 인라인스타일 (Inline Styles) CSS 내부스타일 (Internal Style Sheet) CSS 외부스타일 (External S…