CSS(Cascading Style Sheet) 선언방법
HTML문서에 CSS를 사용하는 방법은 3가지가 있습니다.
- 외부 스타일 시트(External Style Sheet)
- 내부 스타일 시트 (Internal Style Sheet)
- HTML태그내에 스타일 지정 (Inline Styles)
외부 스타일 시트(External Style Sheet)
css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법입니다.
스타일을 일관성있게 유지및 변경을 일괄적으로 할 수 있어, 효율성이 좋습니다.
<head>
<link rel = "stylesheet" type="text/css" href="style.css"
<head>
내부 스타일 시트 (Internal Style Sheet)
HTML 문서내에서와 사이에 스타일을 정의하는 방법입니다.
HTML 문서마다 스타일을 매번 지정해 주어야 하지만, 한 문서에만 해당되는 스타일을 지정할 때 사용하면 됩니다.
<head>
<style>
body {
margin: 0;
padding: 0;
}
</style>
</head>
HTML 태그내에 스타일 지정 (Inline Styles)
스타일을 적용하고 싶은 HTML 태그안에서 정의하는 방법입니다.
내용과 스타일의 분리로 인해 스타일 일괄변경의 효율성이 떨어집니다.
<p style="color:gray;">이 문단의 색상은 회색으로 지정됩니다.</p>
'CSS' 카테고리의 다른 글
box-sizing (0) | 2019.03.07 |
---|---|
font (0) | 2019.03.07 |
margin, padding (0) | 2019.03.07 |
width, height 속성 (0) | 2019.03.07 |
css 우선순위 (0) | 2019.03.07 |