728x90
반응형
1. 외부 CSS
<link rel="stylesheet" type="text/css" href="style.css" />
"style.css" 라는 외부 스타일시트를 헤드 섹션 내에 <link> 요소로 추가합니다. 가장 많이 사용하는 방법입니다.
2. 내부 CSS
<style type="text/css">
body { width: 100%; height: 100%; }
</style>
헤드 섹션 내에 <style> 요소를 추가합니다.
3. @import
3-1. 헤드 섹션 내
<style type="text/css">
@import "style.css";
</style>
3-2. CSS파일 내
@import url("style.css");
4. 인라인 CSS
<p style="text-align: center;">내용</p>
해당 요소에 직접 스타일 속성을 추가하는 방법입니다.
CSS가 이미 선언되어 있더라도 직접적으로 추가하는 이 방법이 우선적으로 적용됩니다.
CSS 수정 시에 일일이 찾아야 하는 불편함이 있으므로, 수정 및 관리 측면에서 이 방법은 권장하지 않습니다.
728x90
