div.or.kr이 ofcourse 로 이전 될 예정입니다.
새로운 강의로 보기
CSS 파일 분리

개요

외부에서 CSS 파일을 불러 올 수 있다.

불러올 경우 style 태그에 쓴 것 처럼 자동으로 적용된다.

CSS 파일에는 style 태그 안에 작성하는 것처럼 작성한다.

사용법

<head>
<link rel="stylesheet" href="경로.css" type="text/css">
</head>

CSS 파일 예제

@charset "utf-8";

h1{
	font-size: 30px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
}

#progress-bar{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	list-style: none;
}

#progress-bar li{
	float: left;
	width: 300px;
	height: 42px;
	font-size: 14px;
	text-align: center;
	background-color: white;
	background-image: url(../img/progressbar.png);
	background-repeat: no-repeat;
}
.common-btn{
	padding: 4px 6px;
	background-color: #07C;
	color: white;
	border: none;
	border-radius: 10px;
	text-decoration: none;
}