W3.CSS 색상 클래스
W3.CSS 기본 색상
W3.CSS에서 사용되는 기본 색상 클래스는 Material Design에서 영감을 받았습니다.
머티리얼 디자인 색상은 마케팅, 도로 표지판 및 스티커 메모에 사용되는 색상을 반영합니다.
예시
<div class="w3-red">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
플랫 UI
플랫 UI는 W3.CSS에서 사용할 수 있는 또 다른 인기 있는 색상 클래스입니다.
예시
<div class="w3-flat-turquoise">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
이 튜토리얼의 다음 장에서 대체 색상 클래스에 대해 자세히 알아볼 수 있습니다.
윈도우 메트로 UI
Metro는 MDL(Microsoft Design Language)의 별명입니다.
Metro는 타이포그래피, 단순화된 아이콘 및 현대적인 색상에 중점을 둡니다.
이 예에서는 W3.CSS에서 Windows Metro 색상을 사용하는 방법을 보여줍니다.
예시
<div class="w3-metro-light-green">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.
윈도우 8
Windows 8은 평면 디자인과 현대적인 색상에 중점을 둔 최초의 주요 운영 체제였습니다.
이 예에서는 W3.CSS에서 Windows 8 색상을 사용하는 방법을 보여줍니다.
예시
<div class="w3-win8-lime">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
런던
런던은 900만 명이 넘는 인구가 거주하는 대도시권으로 영국에서 가장 인구가 많은 도시입니다.