repl.it #4. CSS 적용

1. 인라인 스타일

태그 style 속성에 직접 작성할 수 있습니다.

<h1 style="color: red;">FRONTEND 101</h1>

• 빠르고 편합니다.

• 하지만 적용해야할 스타일이 10개가 넘어간다면 코드 가독성이 떨어질것입니다.
• 유지보수에도 좋지 않습니다.

2.style 태그

html 파일 내에 css를 작성할 수 있는 방법입니다.
< style > 사이에 css문법을 사용하여 스타일을 작성합니다.

<style>
 h2 {
  color: #408090;
 }
</style>

3. CSS 파일에 작성

<link href="index.css" rel="stylesheet" type="text/css" />

html 파일에 링크를 추가해줍니다.

CSS 작성법

선택자를 지정하고, 어떤 디자인을 적용할지 작성합니다.

tag: 태그이름
class: .클래스이름
id: #아이디이름