css 개념

• HTML 문서에 있는 요소들에 선택적으로 스타일을 적용할 수 있는 Style sheet 언어 이다
  
  
• HTML 문서에 사용하는 방법은 3가지이다
  
  • Inline Style Sheet
    • HTML 태그의 style 속성에 CSS 코드를 넣는 방법
    • 해당 태그가 선택자(selector)가 되고, CSS 코드에는 속성(property)과 값(value)만 들어간다 따라서 꾸미는 데 한계가 있으며, 재사용이 불가능하다는 단점이 있다

<main style="color: blue">hello world!!</main>

• Internal Style Sheet
  • HTML 문서 안의 <style>과 </style> 안에 CSS 코드를 넣는 방법
  • 방법은 HTML 문서 안의 여러 요소를 한번에 꾸밀 수 있다는 장점이 있으나, 또 다른 HTML 문서에는 적용할 수 없다는 단점이 있다
    

<style>
  h1 {
    color: blue;
  }
</style>

• Linking Style Sheet
  • 별도의 CSS 파일을 만들고 HTML 문서와 연결하는 방법
  • 여러 HTML 문서에 사용할 수 있다는 것입니다. style.css를 적용시키고 싶은 문서에 <link> 태그로 연결만 해주면 된다.

<link rel="stylesheet" href="style.css">

• css 문법구성
  • CSS의 문법은 선택자(selector)와 선언부(declaratives)로 구성된다
  • 선택자는 CSS를 적용하고자 하는 HTML 요소(element)를 가리킨다
  • 선언부는 하나 이상의 선언들을 세미콜론(;)으로 구분하여 포함할 수 있으며, 중괄호({ })를 사용하여 전체를 둘러싼다
  • 각 선언은 CSS 속성명(property)과 속성값(value)을 가지며, 그 둘은 콜론(:)으로 연결된다
  • CSS 선언(declaration)은 언제나 마지막에 세미콜론(;)으로 끝마친다