표준 부품을 사용하여 웹페이지 DIV 레이아웃 구성 -WEB 표준 웹사이트 디자인 경험_CSS/HTML

이런 아이디어는 있는데 실현 가능한지는 모르겠네요

예:
레이아웃의 왼쪽 열에는 {왼쪽, 너비, 배경색, 글꼴 등}
속성이 있습니다. 각 속성을 표준 부품으로 만든 뒤 이렇게 조립해서 사용한다면
class="float width height background 글꼴 패딩....", 여러 클래스의 표준 부분을 참조하여 페이지 레이아웃 스타일을 완성합니다
먼저 필요에 따라 다음과 같이 표준 부품을 정의합니다.

플로트 표준 부품
.l{float:왼쪽}
.r{float:오른쪽}
.cl{클리어:왼쪽}
...

폭 규격부품
.w200{너비:200px}
.w300{너비:300px}
...

배경 기본파트
.red{배경:빨간색}
.black{배경:#000}
.white{배경:#fff}
...
필요에 따라 인용
class="l w200 red"[왼쪽, 너비 200, 배경 빨간색]
class="r w200 white" [오른쪽, 가로 200, 배경 흰색]

이제 나만의 코드를 작성하고 최대 2개의 클래스로 레이아웃 스타일을 정의할 수 있어 매우 편리합니다