생활코딩 WEB2-14.CSS코드 재사용

younghyun·2021년 12월 22일
0

생활코딩 WEB2-CSS

목록 보기
12/12
  • 중복 제거
    • 모든 웹페이지에서 중복되는 css 코드를 style 태그를 제외한 순수한 css 코드만을 복사해서 style.css라는 파일에 복사함.
    • <link rel="stylesheet" href="style.css">
      style태그 지우고, 링크 태그를 그 자리에 적어줌 ( 웹 브라우저에게 style.css라는 파일에 적힌 css코드를 다운 받아서 여기 그 코드가 있던 것처럼 동작하라고 명령 )
  • CSS파일, link태그 활용한 중복 제거 장점
    • style.css파일에서 내용 변경 시, style.css참조하는 모든 웹 페이지에 적용
    • CSS코드가 각 웹 페이지마다 적혀있으면 같은 내용인지 파악 어려움
    • 새로운 웹 페이지를 만들었을 때 웹페이지에 한줄만 추가하면 style.css파일 내용이 무엇인지 몰라도 가지고 있는 시각적 기능성을 사용할 수 있게됨. ( 재 사용성 높아짐 )
    • 캐싱 기술로 인해 style.css라는 파일을 한번 다운로드 받았다면 내용변경 전까지는 웹 브라우저는 파일을 내 컴퓨터에 저장 해놨다가 style.css파일 요청 시 파일을 가져와서 웹 페이지를 더 빠르게 보여주고, 네트워크를 안써서 사업자는 돈을 덜 쓸수있는 중요한 효과를 얻게됨.
profile
선명한 기억보다 흐릿한 메모

0개의 댓글