채택완료

중복 코드 관련 질문입니다

<button type="button" class="btn btn-dark" style="position:absolute;margin-left: 45%;">≡ MENU</button>

예를 들어 이 코드가 100개의 페이지에 중복해서 들어간다면 관리하는 한곳에 넣고 관리 하는 방법이 있나요? 예를들어 마진 레프트를 40으로 하고 싶다고 할경우 관리하는 하나의 그곳에 40으로 주면 100페이지 전부 40으로 바뀌는 그런것이요^^

|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트

해당영역을 별도 파일로 만들어서

include로 처리하시면 될것같습니다.

class를 하나더 추가하셔서

default.css 등에 해당내용을 넣어보세요

예를들어

class="btn btn-dark mgin45" 

를 추가했다고 가정하면

/css/default.css 와 같이 공통으로 불러지는 파일에

.mgin45 {

position:absolute;margin-left: 45%;

}

를 추가하시고

<button type="button" class="btn btn-dark" style="position:absolute;margin-left: 45%;">≡ MENU</button>

는

<button type="button" class="btn btn-dark mgin45" >≡ MENU</button>

와 같이 처리를 하면 됩니다.

중요한건 공통으로 불러지는 style 파일에 넣어야 정상작동됩니다.

답변에 대한 댓글 1개

저렇게하면 스타일부분만 바뀌게 되는데 만약에 ≡ MENU 이 부분이 바뀌어야 한다고하면 그건 안될텐데, 이 부분이 해결되려면 어떻게 해야하나요?

답변을 작성하려면 로그인이 필요합니다.