CSS 문서 사용하기

Yunah·2025년 4월 15일

HTML/CSS

목록 보기
17/36
post-thumbnail

✏️ CSS 문서

CSS 문서는 독립적으로 존재할 수 있지만 HTML 문서와 함께 사용하지 않으면 텍스트 문서일 뿐임
즉, CSS 문서에 정의된 스타일이 웹 브라우저 화면을 통해 보여지기 위해서는 반드시 HTML 문서 작성이 선행되어야함

🔎 HTML 문서에 CSS 문서(코드) 적용 방식

1️⃣ 인라인 스타일 : 태그에 직접 기술
태그에 style 속성을 추가하여 요소에 직접 정의

2️⃣ 스타일 태그 : 스타일시트를 위한 태그를 추가하여 기술
HTML 문서에 <style>, </style>태그를 추가하여 그 안에 CSS 코드 작성
'내부 스타일시트'라고도 표현함

3️⃣ 문서 간의 연결 : 스타일시트 문서를 따로 작성하여 HTML 문서와 연결
확장자가 .css인 스타일시트 파일을 생성해서 CSS 코드를 작성하고, HTML 문서에 연결
<link>태그를 사용해서 연결하며 HTML 문서의 <head> 안에 작성

<link>태그의 속성

  • href : 외부 소스 url 작성
  • rel : 현재 문서(HTML)와 외부 소스의 연관 관계를 기술

profile
안녕하세요☺️

0개의 댓글