[CSS] - CSS 적용 방법

백승재·2022년 8월 4일

목록 보기

2/7

CSS 적용 방법: 내부 스타일 시트, 외부 스타일 시트, 인라인 스타일

◼ 내부 스타일 시트

HTML 파일 내부에 CSS 코드를 작성하는 방법.
style 태그로 CSS 코드를 감싼다.

<style>
  CSS 코드
</style>

CSS 코드를 작성하는 별도 파일을 만들어 HTML 문서와 CSS를 연결하는 방법.
별도 파일을 link 태그를 사용하여 HTML 문서와 연결함.

✔ 별도 파일의 확장자는 css여야 함.

✍ link 태그 사용

<head>
 <title>외부 스타일 시트</title>
 <link rel="stylesheet" href="style.css">
</head>
<body>
 <h1>외부 스타일 시트</h1>
</body>

✍ 별도 파일 작성

h1{
color:red;
}

💻 실행 결과

외부 스타일 시트

style 속성에 CSS 코드를 작성하는 방법.
CSS의 기본 문법 형식에서 선택자 부분이 필요 X

<태그 style="CSS 코드"></태그>

✍ 조금씩 기록하는 블로그