css의 사용 방법
css문서는 독립적으로 존재할 수 있지만 html 문서와 함께 사용해야한다. css를 적용할 수 있는 html 문서가 존재하지 않으면 css 문서 또한 의미가 없어지는 것이다.
라이브러리를 제외한 html에서의 css사용법은 총 3가지가 있다.
- 인라인 스타일 : 태그에 직접 기술
- 스타일 태그 : 스타일시트를 위한 태그를 추가하여 기술하기
- 문서 간의 연결 : 스타일시트 문서를 따로 작성하여 html문서와 연결하기
인라인 스타일
<p style="color: blue;">
글자 파랗게 만들어줘
</p>위와 같이 태그에 직접적으로 스타일을 정의하는 방식이며 선택자는 필요 없다.
문서 간 분리가 되지 않아 코드의 가독성을 해칠 수 있어서 가능하면 사용하지 않는 것이 좋다.
스타일 태그
<style>
p{
color: red;
}
</style>html문서에 style태그를 추가하여 그 안에 css 코드를 작성한다. '내부 스타일시트'라고 표현하기도 한다.
문서 간 연결
<link href="./style.css" rel="stylesheet">스타일시트 파일을 생성해 그 안에 스타일 태그를 작성하고 html문서에 link 태그를 통해 연결해준다. href(연결하고자 하는 외부 소스의 url기술), rel(현재 문서와(html) 외부 소스의 연관 관계를 기술한다.
가장 실무적인 방법이라고 할 수 있으며 link태그는 html문서의 head태그 안에 사용해야 한다.
hyohyo