HTML와 CSS는 어떻게 연결할 수 있을까? 크게 3가지의 방법이 있다.
1. Inline Style Sheet
: HTML 태그의 style 속성에 CSS 코드를 넣는 방법이다.
<h1 style="color: orange">홈페이지</h1>h1태그가 선택자가 되고, CSS코드에는 속성과 값만 들어가서 CSS를 사용하는 데에 한계가 있고, 재사용이 어렵다.
2. Internal Style Sheet
: HTML 문서 안에 <style> </style> 태그를 이용해 스타일 코드를 넣는 방법이다.
<style>
h1 {
color: blue;
}
</style>
<h1>홈페이지</h1>3. Linking Style Sheet
별도의 CSS파일을 만들어 <link> 태그로 HTML 문서와 연결하는 방법이다.
style.cssh1 { color: pink; }index.html
보통 가장 많이 사용하는 방법으로, CSS와 HTML 파일이 분리되어 있어 가독성도 좋고 재사용도 가능하다.```html <head> <!-- ... --> <link rel="stylesheet" href="./style.css"> </head> ```
Life is what i make up it 💨