<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<style>
/*
CSS코드의 실행위치 (내부, 외부, 인라인)
1) 내부방식 -> html파일 안에 직접 css를 작성하는 방법
단점 : 1. 코드가 노출, 2. 재사용성이 떨어진다, 3. 전체 코드의 양이 증가한다.
언제 : 간단 스타일(권장사항은 아님), 로컬 개발 -> 태그와 css를 한눈에 확인 가능
2) 인라인 -> 태그안에 직접 스타일을 명시 방법
- 태그안에 style속성을 추가해서 스타일 부여
단점 : 1. 코드가 노출, 2. 재사용성이 떨어진다, 3. 전체 코드의 양이 증가한다.
언제 : 간단 스타일(1~2개) -> 중요하지 않은 디자인
3) 외부방식 -> HTML파일과 CSS파일을 구분시켜서 개발
- link태그를 통해서 html파일과 css파일 연결
장점 : 1. 코드가 노출되지 않는다 2. 재사용성이 뛰어남 3. 유지보수 용이
* 실제 개발을 할 때는 반드시 외부방식으로 개발을 완료할 것!
!improtant : 무조건 우선순위 실행
*/
h1{
color: red;
}
</style>
</head>
<body>
<h1>텍스트</h1>
<h2 style="color: blue;">인라인</h2>
<h3>외부방식</h3>
</body>
</html>
개발자