본문 바로가기
웹 퍼블리싱 - WEB PUBLISHING

[웹퍼블리싱] html에서 CSS 파일 분리하여 적용하기

by 설쁘 2023. 4. 8.

 

HTML에 CSS 파일 적용하기

 

반응형 홈페이지 같은 경우, 여러 웹페이지에서 공통적인 CSS를 적용이 필요합니다.

그럴 때 문서 규격과 스타일의 분리를 위해 CSS를 별도의 파일로 분리하여 사용하는 것이 좋습니다.

 

코드 기본 예

<link rel="stylesheet" href="./(CSS파일폴더명)" media="(min-width:600px)">

 

사용 방법

1. 스타일을 만들 CSS 파일 생성

(html에 <style>태그는 모두 지우고, css파일에 적는다.)

 

 

 

2. html 파일 <head> 태그에 해당 링크 삽입