1강 - CSS 기초

CSS란 ?

HTML 등의 마크업 언어로 작성된 문서가 웹사이트에 표현되는 방법을 정해주는 언어
디자인 요소를 HTML과 완전히 분리시켜 스타일을 전문적으로 정해간다.

인라인 스타일 시트 - HTML <body>태그 내부에 스타일 지정

<body> 
   <p style="color: red; backgroud: orange;"> Hello~~ CSS!</p> 
</body>

내부 스타일 시트 - HTML <head>태그 안에 <style>태그로 기재하여 지저

<html> 
<head> 
	 <style > -- 스타일 시작 
				 p { color: orange; } 
				 h1 { font-size: 24px; }
	 </style> -- 스타일 끝 
</head> 
<body> 
 <p> Hello~~ CSS!</p> 
</body> 
</html>

외부 스타일 시트 - CSS파일을 생성하여 HTML 문서에 파일 연결

<html> 
<head> 
 <link rel="stylesheet" href="css/style.css"> -- 스타일 
파일 연결 
</head> 
<body> 
 <p> Hello~~ CSS!</p> 
</body> 
</html>