CSS - 인라인 스타일 + Important

1. 인라인 스타일

• 스타일 시트나 head 태그가 아닌, 요소 내부에서 css를 정의하는 방법을 말합니다.

• 어떤 식별자 보다 명시적이므로 우선순위가 가장 높지만 사용을 권장하진 않습니다.
  
  

<!-- 요소 내에 style을 지정해서 사용합니다. -->
 <button id="signup" style="color:red"> Sign up </button>

대부분 css는 외부 스타일 시트에서 작성하므로, html 문서 내부에서 css를 정의하면
외부 스타일 시트를 통해 적용할 css가 예기치 않게 덮어씌워져 예상과는 다른 결과를
나타낼 수 있습니다.

2. Important

• 이 요소가 존재하는 css는 우선순위가 가장 높게 적용됩니다.

<button id="signup"> Sign up </button>

/* button 요소에 관한 ID 식별자 입니다 */
#signup {
	background-color: red;
}


/* 우선 순위가 낮은 요소 선택자가, important를 통해 ID 식별자보다 우선순위가 높아 집니다. */
button {
	background-color: blue !important;
}