프론트/CSS

CSS란 무엇인가

개발하는묭이 2021. 12. 20. 11:13

css

  • 계단식으로 스타일을 정의하는 문서
  • Cascading Style Sheets를 의미한다
  • Cascading : 계단식
  • Style : 멋을 내다
  • Sheets : (종이)한 장

CSS 목적

HTML 문서에 스타일을 더해준다

HTML 문서는 태그가 태그를 포함하는 계단식 구조를 지니고 있다

 

웹페이지의 스타일을 정의한다

  1. HTML 문서와 CSS 문서가 합처져서 하나의 웹페이지를 완성한다
  2. 이를 웹브라우저로 연다
  3. 웹브라우저가 코드를 해석하여 웹페이지를 화면에 랜더링 해준다

 

CSS가 일하려면

CSS 문서(코드) 자체는 독립적으로 존재할 수 있다

그 목적이 구조화된 HTML 문서의 스타일을 정의하는 데 있으므로 

HTML 문서가 없는 CSS는 사실상 의미가 없다

 

HTML : 웹 문서의 콘텐츠를 구성하는 언어

CSS : 웹 문서의 콘텐츠에 스타일을 추가하는 언어 (색상 , 크기 , 위치 등)

 

HTML 과 함께 사용되지 않는 CSS는 단순 텍스트일 뿐이다

웹브라우저를 통해 결과물을 확인하기 위해서는 반드시 HTML 문서 작성이 선탱되어야 한다

 

내용 정리

  • CSS는 웹문서를 꾸며주기 위해 사용하는 언어이다
  • CSS 코드는 CSS 파일에 작성한다
  • 확장자는 *.css이다
  • CSS 코드는 HTML 문서에 스타일을 추가(정의)하는 언어이다
  • 따라서 , HTML 문서가 존재하지 않을 때는 단순 텍스트에 불과하다