유지보수 - css link, import

분류없음 RSS Icon ATOM Icon 2022/07/07 11:37 p2p사이트 순위 - 모아파일 2022 TOP12
홈페이지를 만들다보면 10개 이상의 페이지가 필요하고 css sytle 디자인을 할떄에 페이지 소스코드가 길어질뿐만 아니라 여러페이지에 동일한 디지인을 하기 위해서는 일일이 수정을 해야하는 번거로움이 있습니다. 

이때에 필요한것이 유지보스 소스코드로 'link rel="stylesheet" href="style.css" ' 태그나, style 안에 넣고자 한다면 '@import url("style.css")' 를 넣어주어 여러페이지의 css를 동일하게 변경할수가 있습니다.

아래의 예제를 살펴보게되면 body 안에 page1, page2 두개의 페이지를 만들어서, css style 안에 @import url("style.css") 를 넣거나, 또는 link rel="stylesheet" href="style.css" 를 넣어주시면 됩니다.

사용자 삽입 이미지


별도의 style.css 페이지를 만들어서 디자인 컬러 효과를 예제로 red 또는 blue 색상을 넣었습니다.

사용자 삽입 이미지


페이지 page1, page2 를 열어보면 style.css 문서의 색상을 변경하는것만으로도
모든페이지의 디자인이 변경된것을 확인해 볼수가 있습니다.

사용자 삽입 이미지


중복이 되는 style 안의 디자인한 태그를 위처럼 한줄을 태그만으로 줄일수가 있습니다.

2022/07/07 11:37 2022/07/07 11:37
받은 트랙백이 없고, 댓글이 없습니다.

댓글+트랙백 RSS :: http://www.weddingamor.co.kr/rss/response/21

댓글+트랙백 ATOM :: http://www.weddingamor.co.kr/atom/response/21