Metro UI CSS 2.0 BootStrap - Guide 1. Base CSS | 1. General CSS

Metro UI CSS 2.0 BootStrap Guide

---

Base CSS

General CSS

Global Styles

Colors

• *-black
• *-white
• *-lime
• *-green
• *-emerald
• *-teal
• *-cyan
• *-cobalt
• *-indigo
• *-violet
• *-pink
• *-magenta
• *-crimson
• *-red
• *-orange
• *-amber
• *-yellow
• *-brown
• *-olive
• *-steel
• *-mauve
• *-taupe
• *-gray
• *-dark
• *-darker
• *-transparent
• *-darkBrown
• *-darkCrimson
• *-darkMagenta
• *-darkIndigo
• *-darkCyan
• *-darkCobalt
• *-darkTeal
• *-darkEmerald
• *-darkGreen
• *-darkOrange
• *-darkRed
• *-darkPink
• *-darkViolet
• *-darkBlue
• *-lightBlue
• *-lightTeal
• *-lightOlive
• *-lightOrange
• *-lightPink
• *-lightRed
• *-lightGreen

위 전역 색상 설정 클래스들을 사용하기에 규칙은 다음과 같습니다.

대상-컬러

대상-액션-컬러

대상

fg : 요소의 폰트 및 아이콘

bg : 요소의 배경

액션

hover : 마우스 오버시

active : 링크나 버튼에 대하여 실행 이벤트가 발생했을때

focus : 요소에 포커스가 발생했을때

해서 결과적으로는 녹색의 제목을 설정한다면 다음과 같다.

이 글은 제목 입니다.