[CSS 개념] CSS란 무엇인가❓❓❓ , CSS의 역할

안녕하세요~ 이번에는 CSS가 무엇인지, CSS가 어떤 역할을 하는지에 대해 알아보겠습니다. 

CSS란?
Casecading style sheets의 줄임말로  HTML 문서를 작성하면 그 뼈대의 스타일(style) 말 그대로 디자인을 입혀주는 것이라고 생각하시면 됩니다.

이런 웹페이지의 배경 색상이 CSS가 될 수 있겠죠?

우리의 HTML문서의 스타일이 적용되는 과정은  바이트 코드 변환을 해서 태그 , 이후에 객체로 변환을 하고 노드라는 형태로 만듭니다.

여기서 바이트 코드라는 것은 
컴퓨터가 직접 이해할 수 있는 기계어와 우리가 작성하는 고급 언어 사이의 중간 단계라고 생각하시면 됩니다.

 

CSS 렌더링 과정
CSS 스타일 시트를 읽은 이후  CSS 노드와  HTML노드를 가지고 렌더링 노드를 생성해서 브라우저 렌더링을 시작합니다.  쉽게 말해, CSS 스타일 시트를 통해 웹페이지의 외모를 꾸미고, HTML 구조와 결합하여 최종적인 화면을 만든다고 생각하시면 되겠습니다. 

렌더링이란 ❓❓❓
여기서 "렌더링" 이라는 단어를 처음 듣게 되면 보통 "어렵다",  "무슨 뜻이지❓" 라고 생각하십니다. 관련 자료를 찾기 위해 다양한 검색 엔진을 활용하여 조사했습니다. 

그 결과 렌더링이란 HTML로 작성된 웹 페이지의 구조와 CSS로 정의된 스타일을 바탕으로, 브라우저가 실제 화면에 보여줄 수 있는 최종적인 모습을 만드는 과정을 말합니다.  즉 ,컴퓨터가 이해하는 코드를 사람이 볼 수 있는 화면으로 변환하는 작업이라고 생각하면 됩니다.


이렇게 CSS에 대한 개념을 중점으로 알아보았습니다. 다음에는 CSS 문법,  CSS 작성방법, 다양한 선택자, 클래스에 대해 알아보겠습니다. 감사합니다❣️❣️❣️