HTML에 CSS 적용하는 방법

HTML에 CSS를 적용시키는 방법은 아래와 같이 다양한 방법이 있습니다.

 

1.  HTML  style 태그를 이용하여 CSS 코드를 넣는 방법

     단점은  재사용이 불가능함.

---

<p style="color: blue">Lorem ipsum dolor.</p>

---

 

 

2. HTML  안의 <style>와 </style> 안에 CSS 코드를 넣는 방법

 

 

<style>와 </style>안에 CSS 코드를 넣어서 아래와같이 적용하는 방법

---

<style> 

h1 {
    color: blue;
  }

</style>

---

3. CSS 파일을 만든후  HTML 안에서 연결하는 방법

 

style.css 파일을 아래와같이 입력후 저장

-----------------------------------------
h1 {
  color: red;
}

--------------------------------------------------

 

 

<link rel="stylesheet" href="style.css">

 

위 방법은 여러 문서에 같은 CSS를 적용할 수있어 많이 사용 하는 방법