[CSS] 기초 정리
2021. 2. 3. 17:02ㆍWeb 개발/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};