CSS

CSS(Cascading Style Sheets)

CSS는 HTML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트이다. 웹 페이지에 스타일과 레이아웃을 적용할 때 사용한다.

 

CSS 구조

body{
	color: blue;
	font-size: 13px;
}

• body 는 셀렉터이다.
• {}는 선언 블록이다.
• color: blue; 는 선언이다.
• color , font-size 는 속성명이다.
• blue , 13px 는 속성값이다.
• ; 는 선언 구분자이다.

 

CSS를 HTML에 적용하는 방법

CSS를 HTML에 적용하는 방법은 3가지가 있다.

• Inline Style Sheet
• Internal Style Sheet
• Linking Styele Sheet

Inline Style Sheet

HTML 태그의 style 속성에 CSS 코드를 넣는 방법

<span style="color: red">Hello, World</span>

Internal Style Sheet

HTML 문서 안의 <style></style>안에 CSS 코드를 넣는 방법

<style>
  span {
    color: red;
  }
</style>

Linking Styele Sheet

별도의 CSS 파일을 만들고 HTML 문서와 연결하는 방법

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