w3.css

W3.CSS 기본 색상

W3.CSS에 사용되는 기본 색상 클래스는 머티리얼 디자인에서 영감을 받았다.

머티리얼 디자인 색상은 마케팅, 도로 표지판, 스티커 메모에 사용되는 색상을 반영한다.

예제

<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>

플랫 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>

윈도우 메트로 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>

윈도우 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>

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기