[CSS] CSS 기본

CSS : Cascading Style Sheet

의미 : 개발자가 지정한 세부적인 스타일링이 있으면 그걸 쓰고, 없다면 다음 기본으로 지정된 스타일링으로 내려간다

 

---

# CSS 우선순위

 

Author Style   -  CSS 파일에 개발자가 지정한 스타일

↓

User Style   -   브라우저에서 다크모드나 글씨 크기를 사용자가 선택했을 때

↓

Browser    -  브라우저에서 기본적으로 지정된 스타일 

 

캐스케이딩의 연결고리를 끊어내는 !important, 무조건 우선순위가 된다.

현업에서는 이걸 쓰면 bad smell이 난다고 한다. 

다른 방법으로도 구현할 수 있으니, 가능하면 사용하지 말자.

---

# Selectors

 

Universal	*
type	Tag
ID	#id
Class	.class
State	:
Attribute	[]

 

/* 선택자 지정 양식 */

selector{
	property: value;
}

 

백문이 불여일견.  테스트 코드 캡처를 봐보자.

가장 나중에 선언된 스타일링이 마지막으로 적용된 걸 볼 수 있다

• a[href^="naver"]  :  naver 로 시작하는 얘들만
• a[href$=".com"]  :  .com 으로 끝나는 얘들만
• a[href*="ato"]  :   ato 를 포함하는 얘들만
  
  
  

---