[CSS] CSS코드 파일로 빼기

CSS코드의 재사용

코드 중복의 제거가 필요한 이유

웹페이지마다 동일한 CSS코드를 하나하나 붙여넣고 수정하려면 오래 걸린다.

웹페이지마다 중복 된 태그를 제거해서 관리하는 것이 효율적이다.

 

CSS 코드 중복 된 부분 제거하는 방법(CSS 링크코드)

1. style.css 파일 만들어서 중복된 스타일 코드 붙여 넣기.

2. html파일에 스타일태그 대신 링크코드 넣기.

<link rel="stylesheet" href="style.css">

3. 링크코드를 추가한 HTML파일마다 css문법이 적용되어있다.

코드를 재사용하는 것이 편한 이유

html 코드창의 깔끔해져 가독성이 올라간다.

css코드 수정시 한 번만 수정하면 전체페이지에 적용되어 유지보수가 편해진다.

새로운 웹페이지에도 이미 만들어 놓은 css코드를 재사용하기 쉽다.

html파일안에 css 직접 놓는 것보다 훨씬 빨라지고, 네트워크 트래픽도 훨씬 적게 낼 수 있다.