004. CSS(Cascading style sheet) 개요 알아보기

css는 우리가 잘 정리해준 html 페이지를

조금 더 스타일리시하게 꾸며주는 기능이다.

 

대표적인 기능으로,

아래 개념이 있다.

 

선택자(Selectors): 정의한 태그들을 쏙쏙 뽑아서 골라주는 역할.

 

그리고 플렉스박스(flexbox)기능이 있는데

이번 포스팅에서는 전반적인 기초이론을 볼 예정이다.

 

css는 (Cascading Style Sheet)의 약자이다.,

Cascading의 원형은 Cascade인데

폭포, 위에서 아래로 연속해서 떨어지는 느낌으로 보면 된다.

 

계속해서 위에서 아래로, 위에서 아래로 연속해서

떨어지는 것이다.

 

이 개념은 CSS가 굴러가는 순서때문에 그렇다.

 

*

예를 들어서 본인이 스타일 시트를 작성하는 것 외에

브라우저에는 기본적으로 작성되는 Style sheet가 있다.

(기본적으로 보여지는 UI)

 

예를 들어 '버튼'을 입력하려고 할 때,

① 본인 스타일 시트에

"그 시트에 버튼이 있니?"하고 물어보고

↓

② 브라우저에 기본적으로 착장된 Style sheet에도 물어본다.

"너네 버튼 있니?"

↓

③ 그래서 브라우저에 있다고 하면 

브라우저의 정의값으로 화면에 비치게 된다.

 

*

그래서 CASCADING은 정의된 게 있으면 그걸 쓰지만,

그게 없다면 다음 기본으로 지정된 아이에게 넘어가는 것을 얘기한다.