[CSS] 기초 정리

들어가며
실습환경은 GoogleChrome, ATOM Version 1.53.0에 최적화되어 있습니다.

 

CSS 관련 기초 지식들을 정리하고 있습니다.

최종 업데이트 날짜 : 2021.02.03

---

태그의 적용 순서

태그의 적용 순서는 id, class, tag 순서대로 적용됩니다.

/* CSS의 기초문법 
 * $은 무시할 것 (공백으로 인식)
 */

/* tag에 style 적용 */
$tag이름 {};

/* id에 style 적용 */
$#id이름 {};

/* class에 style 적용 */
$.class이름 {};

기본적으로 위의 문법을 지키지만, 우선순위를 강제로 높여주는 몇 가지 방법들이 존재합니다.

<!-- style 직접 삽입 -->
<!-- 다른 스타일보다 우선되어 적용된다. -->
 <li style="color:powderblue">css</li>

/* !important */
li {color:red !important};