본문 바로가기

Web development

파일 분리 방법

1. 파일 분리 

<style> ~ </style> 부분이 너무 길어지면 코드를 한눈에 보기가 어렵다. 이럴 땐 파일을 분리해주는 것이 좋다. 

style.css파일을 만들어 login.html에 있는 style을 style.css파일에 옮겨주고 >> 

login.html에는

// <!-- style.css 파일을 같은 폴더에 만들고, head 태그에서 불러오기 -->

<link rel="stylesheet" type="text/css" href = "(css파일이름).css"> 넣어준다.

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href = "style.css">
</head>

2. 라이브러리 : 인터넷에 있는 파일(코드 조각) 가져오기

'Web development' 카테고리의 다른 글

포스팅 박스 만들기  (0) 2023.07.10
페이지 박스 만들기_div / CSS  (0) 2023.07.10
코드_주석 달기  (0) 2023.07.10
구글 웹폰트_코드 적용  (0) 2023.07.10
로그인 페이지 만들기_자주 쓰는 CSS  (0) 2023.07.10