<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css 적용방법</title>
<style>
p{
color: green;
}
</style>
<link rel="stylesheet" href="css적용방법.css">
</head>
<body>
<!--
- CSS(Cascading Style Sheet)
- HTML문서를 꾸며줌
- 현재는 CSS3를 기준으로 작업
- CSS 적용 방법
1. 태그의 style속성을 이용하여 적용(가장 잘 안쓰이는 방법)
- 태그의 style속성을 이용하면 우선순위가 거의 최상위라 재사용이 낮음
- 해당 태그에만 적용=> 재사용을 할 수가 없음
- 우선순위가 높아서 원하지 않는 결과가 나올 수 있음
2. style 태그를 이용하여 적용
- 일반적으로 head태그에 작성
- 선택자를 이용하여 작성
3. link 태그를 이용하여 이미 작성된 CSS파일을 불러옴
-->
<!-- 1. 태그의 style속성을 이용하여 적용 (모든 태그는 style속성이 있음)-->
<div style="color:red">안녕하세요. </div>
<!-- 2. style 태그를 이용하여 적용 -->
<p>안녕하세요.</p>
<!-- 3. link 태그를 이용하여 이미 작성된 CSS파일을 불러옴(아래에코드적고->css파일만들어서 코드 넣음)-->
<span>안녕하세요</span>
</body>
</html>
