본문 바로가기

web/CSS

css-코드 재사용(link태그)

서로 다른 페이지에 같은 style을 적용하고 싶은 경우가 있다.

이와 같은 경우 해당 style태그 전체를  복사 붙혀 넣기 하면 간단하다.

 

하지만 극단적으로 1000가지의 페이지에 이를 적용해야 한다면 매우 비효율적이다.

 

이러한 비효율을 막아줄 방법이있다.

 

먼저 "이름.css" 파일을 만들고 style 태그로 감싸진 내용을 해당 파일에 붙혀 넣는다.

(css 파일이기 떄문에 style 태그는 포함x)

 

그 후 html 문서에서는 style태그와 내용들을 지우고

그 자리에 <link rel="stylesheet" href="css파일경로>를 넣어주면 

html문서에 style태그가 존재하던 경우 같은 결과가 나온다.

 

이러한 방법은 코드의 재사용성을  높이는데 큰 역할을 한다.

 

코드 재사용성은 시간의 효율성,복잡성 제어,유지보수 등 여러가지면에서 매우 중요한 주제이다.

 

'web > CSS' 카테고리의 다른 글

css-그리드 (div,span)  (0) 2021.07.17
css-selector  (0) 2021.07.17
css-Box 모델  (0) 2021.07.17
css- style  (0) 2021.07.17
CSS란?  (0) 2021.07.17