중복 코드 관련 질문입니다
본문
<button type="button" class="btn btn-dark" style="position:absolute;margin-left: 45%;">≡ MENU</button>
예를 들어 이 코드가 100개의 페이지에 중복해서 들어간다면 관리하는 한곳에 넣고 관리 하는 방법이 있나요? 예를들어 마진 레프트를 40으로 하고 싶다고 할경우 관리하는 하나의 그곳에 40으로 주면 100페이지 전부 40으로 바뀌는 그런것이요^^
답변 2
해당영역을 별도 파일로 만들어서
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 파일에 넣어야 정상작동됩니다.
저렇게하면 스타일부분만 바뀌게 되는데 만약에 ≡ MENU 이 부분이 바뀌어야 한다고하면 그건 안될텐데, 이 부분이 해결되려면 어떻게 해야하나요?
