티스토리 뷰

프로그래밍/CSS

CSS란?

rlawlstjd007 2016. 7. 12. 19:39

 CSS(Cascading style sheet) 란 stylesheet 언어로 HTML 문서를 어떻게 보여질지를 기술하는 언어입니다. 간단하게 이야기 하면 HTML로 작성된 웹문서를 CSS를 통해서 요소들을 꾸며주는 것이죠. Style을 적용한다고도 할 수 있는데 바로 이 스타일이 적용되는 원리를 설명하겠습니다.

 문법적인 내용 보다는 간단한 개념적인 설명을 하는 것이 좋을 것 같아서.. 제가 본 어느 강의의 설명에 의하면 CSS를 법에 비유했습니다.

 


 설명을 하자면, 미국에 우리집이 있다고 생각합시다. 미국 전체의 "월요일은 놀이터를 가면 안된다"라는 법이 있다고 생각을 해봅시다. 그렇다면 그 법은 미국 전체에 적용이 되겠죠? 그래서 우리 집도 함께 따라야 할 테구요. 

 그런데 뿐만 아니라 우리가 살고 있는 주의 "월요일은 놀이터를 가도 되고 화요일은 놀이터를 가면 안된다"라는 법이 생겼다고 합니다. 오늘은 월요일인데 과연 놀이터를 가도 될까요? CSS 에선 "가도 된다" 입니다. 

 자 그렇다면 갑자기 우리 집의 규칙이 하나 생겼습니다. "이번주 에는 놀이터에 가면 안된다" 라는 규칙입니다. 자 어떻게 해야 할까요? CSS에선 "가면 안된다" 입니다. 

 

 이 처럼 Cascading ( 폭포 ) 라는 의미 처럼 CSS는 가장 가까운 법에 따르는 규칙을 가지고 있는 언어 입니다. 일단 잘 이해가 가지 않을수도 있지만 굉장히 큰 개념이니 도움이 되실 겁니다. :) HTML과 CSS를 재밌게 배우고 싶은 분들께 이 강의를 추천해 드립니다^^


https://www.udacity.com/course/intro-to-html-and-css--ud304


반응형

'프로그래밍 > CSS' 카테고리의 다른 글

결합 선택자(Combining Seletor)  (0) 2016.07.18
CSS 적용 우선순위  (0) 2016.07.17
CSS를 html 문서에 적용하는 방법  (0) 2016.07.17
확장성 좋은 코드 에디터 Sublime Text !  (1) 2016.07.14
CSS 선택자(Selector)  (0) 2016.07.14
댓글