[ HTML/CSS ] OOCSS (Object Oriented CSS)

1. 코드 양 줄이는 class 작명법
    고수는 뼈대용 class, 살점용 class를 각각 제작하고 조합해서 쓴다
    OOCSS(Object Oriented CSS) 라고 부르는 작성 관습

.btn {
	padding: 15px;
	font-size: 20px
	border: none;
	cursor: pointer;
}

.bg-red {
	background: red;
}

.bg-blue {
	background: blue;
}

<button class="btn bg-red">Red Button</button>
<button class="btn bg-blue">Blue Button</button>

    Utility 클래스(스타일 한두 개만 있는 클래스)를 이런 식으로 만들어 두면 편함

.f-small {
	font-size: 12px;
}

.f-mid {
	font-size: 16px;
}

.f-lg {
	font-size: 20px;
}