1. CSS(Cascading Style Sheet)란?
HTML 문서의 스타일을 꾸미는데 사용하는 스타일 시트 언어로, 디자인적 요소를 추가하는 역할을 한다.
2. 스타일시트 선언 방식
① HTML 태그 안에 인라인 방식으로 정의(style 속성 적용)
style="(CSS의 효과)"
<ol>
<li><a href="1.html">100일</a></li>
<li><a href="2.html" style="color:red;text-decoration:underline">200일</a></li>
<li><a href="3.html">1주년</a></li>
</ol>
② <style> 태그로 HTML 파일 내부에 정의(내부 방식): HTML의 언어로 CSS 문법을 사용하도록 명령함
<style>
a{
color:black;
text-decoration:none;
}
</style>
③ 외부 파일에 정의한 뒤 HTML에서 참조: css 파일을 별도로 만들어서 html 문서에 연결
1) <link>(외부 방식)
<style>태그 안에 있는 CSS 코드를 따로 복사
(<style>태그 제외하고 복사하기!!)
→ "style.css" 파일 만들어서 붙여넣기
붙이고자 하는 파일의 <head> 태그 안에 <link> 태그 작성
<link rel="stylesheet" href="style.css">
<head>
<title>200일</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
2) @import(임포트 방식)
<style type="text/css">
@import url('css/out.css');
</style>
<link>를 사용하는 것이 @import를 사용하는 것보다 페이지의 로딩 속도 측면에서 뛰어나기 때문에, <link> 사용 권장
여러 스타일시트 방식이 결합 적용된 경우의 적용 우선 순위
인라인 방식 > 내부 방식 > 외부 방식 > 임포트 방식
3. CSS 기초 문법
