목차 BS4 Grid 기본 구조 (너비 12등분 후 배분) BS4 Grid 분기점 BS4 Grid 예제 BS4 Grid 기본 구조 (너비 12등분 후 배분) 1 1 …

목차 Container - 2종류 Container - max-width (최대너비) Container - padding (안쪽여백) Container - border (테두리) / color (색깔) Container - 분기점별 max-width (최대너비) …

.class1 .class2 예제 <style> .hz {background: yellow;} .hz .ss {background:tomato;} </style> <h1>홈짱닷컴</h1> <div class="hz"> …

목차 .class1.class2 예제 - 두 클래스가 모두 정의된 요소 선택 .class1.class2 정의 .class1.class2 구문 .class1.class2 예제 - 지정 클래스가 모두 정의된 요소 선택 .class1.class2 예제 - 두 클…

목차 :last-child 예제 - 적용되는 경우 :last-child 정의 :last-child 구문 :last-child 예제 - 적용 안 되는 경우 :last-child 예제 - 선택자가 클래스인 경우 :last-child 예제 - 적용되…

목차 :enabled 예제 - <input type='text'> 중 비활성화된 요소 선택 :enabled 정의 :enabled 구문 :enabled 예제 - <input> 중 활성화 된 요소 선택 :enabled 예제 - <in…

목차 :disabled 예제 - <input type='text'> 중 비활성화된 요소 선택 :disabled 정의 :disabled 구문 :disabled 예제 - <input> 중 비활성화 된 요소 선택 :disabled 예제 - <option> …

목차 가상클래스 (Pseudo Class) - 콜론 1개 사용 가상요소 (Pseudo Element) - 콜론 2개 사용 가상요소에만 링크걸기 가상클래스 (Pseudo Class) - 콜론 1개 사용 …

Contextual Text Color (맥락글자색) <p class="text-muted">회색</p> <p class="text-primary">파란색</p> <p class="text-success">녹색</p> <p class="…

목차 :not(selector) 예제 - 지정 선택자 아닌 요소 선택 :not(selector) 정의 :not(selector) 구문 :not(selector) 예제 - 첫번째 자식요소 제외 + 요소 간 구분 막대 추가) :not(selector) 예제 - 마지막 자식요소 제외 …