HTML, CSS_TIL#1

may_soouu·2020년 7월 16일
0
post-thumbnail

HTML에 CSS를 적용시키는 방법

1. 인라인 스타일 시트

> HTML 태그의 style 속성에 css 코드 넣기

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

> 꾸미는데 한계, 재사용 불가

2. 내부 스타일 시트

<style>
 h1 {
   color: blue;
 }
</style>
 
> <style> 태그 활용
> HTML문서 요소를 한번에 바꿀 수 있음. 다른 HTML문서에 적용은 어려움

3. 외부 스타일 시트

h1 {
color: red;
}

> 별도의 css파일을 만들고 html 문서와 연결
  ex. style.css 파일 생성

> html 문서에 <link rel="stylesheet" href="style.css"> 추가
profile
back-end 개발자

0개의 댓글