04/12 HTML/CSS 속성 집중화, 변수화

메인부분 페이지 번호 스타일링

 

 

1에만 색을 줘야하는데 특별하게 식별할 수 있게 해주는 도구는? ->

<span> 인라인계열에서의 범용 도구

 

 

 

 

 

 

강조되는 색깔들이 여러개가 아니다 -> 몇가지 정해져있는데 만약에 이걸 색을 다 바꿔야 한다면? 

 -> 너무 번거로우니까 색깔 집중화해주면 좋을듯, 변수화

 

 

 

 

바디부분에 color-strong 이라는 변수를 선언해준 것이다 -> 그 안에는 색이 지정되어 있고

바디영역에 해당하는 page-status의 span에 저 색을 가진 변수를 color안에 var하고 써주면 색이 잘 나온다

 

 

 

 

css속성 스타일 만큼에다가 나만의 속성 스타일이 붙어져서 util 스타일들 잘 만들어주면 좋겠다

 

 

지금 color-strong변수는 바디에서만 사용가능하다 -> 전체에서 다 쓰게 하고 싶어 (슈도 클래스 이용)

 

root는 id루트가 아니고 html영역에 해당되는 것이다

 

 

다른 색들도 변수화

 

스타일을 다크와 화이트 버전으로 바꾸는 것 위해서도 색 변수화는 중요하겠다