중복의 제거
동일한 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파일만 수정하면 됨~