상세 컨텐츠

본문 제목

css stylesheet 중복의 제거

취미/생활코딩

by 민트색구름 2017. 3. 27. 00:00

본문

반응형

중복의 제거

동일한 css를 하나의 파일로 따로 저장해놓음으로써

페이지에 중복을 제거함

용량을 줄여줌, 속도가 빨라짐, 비용 절감 등 여러 장점이 있다~


html파일마다 style태그를 붙일 필요 없이

css파일을 따로 만들어

html에서 불러와 여러 웹페이지에 적용시킬 수 있다

디자인 변경 시 css파일 하나만 수정하면 됨


<html>
<head>
 <meta charset="utf-8">
  <style>
    img{
      border:1px solid red;
      float:left;
    }
  </style>

  </head>
<body>
<img src="https://s3.ap-northeast-2.amazonaws.com/opentutorials-user-file/course/94.png" alt="">
css박스모델
css를 이용해서 html태그들의 위치, 부피, 여백 등을 지정하는 것
html에서 태그 id를 설정, css에서 #으로 디자인가능
</body>
</html>

>>html파일 <head>에 <style>태그를 삽입해 디자인하면

링크된 모든 웹페이지에 중복하여 삽입해야하는 단점이 있다


<head>
 <meta charset="utf-8">
 <link rel="stylesheet" type="text/css" href="http://localhost/style.css">
  </head>

>>http://localhost/style.css 스타일을 적용시켜 style.css파일만 수정하면 됨~


반응형

관련글 더보기