색상과 배경 색상 도우미

Question

나는 웹 사이트 요소

패턴 1

background-color: rgb(233, 239, 245); 및

color: rgb(0, 0, 0); 

은 마찬가지로 내가이 다른 패턴을 가지고 있지만, 글꼴 스타일 3 개 색 조합이 font-weight 및 size는 영역/섹션마다 다릅니다. 이러한 조합에 대해 패턴 클래스를 어떻게 정의 할 수 있습니까? 모범 사례가 있습니까?

Answer 1

하나의 옵션은 각 스타일에 대해 의미있는 클래스를 만든 다음 클래스를 통해 적용하는 것입니다.

예 :

.bold {font-weight:bold;} 
.yellow {color:black;} 

다음 HTML을 사용

<p class="bold yellow">This will appear bold and yellow.</p> 

가 믹스 사용 덜하고 혼합 할 수 말대꾸와 일치하는 클래스와 같은 사전 프로세서에서 사용할 수있는 훨씬 더 강력한 옵션이 있습니다 ins