TIL #09 CSS 사용법

JohnKim·2021년 4월 8일
0

CSS

목록 보기
1/9
post-thumbnail

인라인스타일

<style>태그를 사용하여 스타일을 적용한다.

<body>
 <h1 style="color:green; >인라인스타일 </h1>
 </body>
            

내부스타일시트

html문서 내의 <head> 태그 사이에 <style>태그를 사용해 css스타일을 적용한다.
해당 html문서에만 스타일이 적용된다.

<head>
 <style>
   h1 { color: green;}
 </style>
</head> 

외부스타일시트

우선 editor에 style.css라는 이름을 가진 파일을 만든다.

그후 작성한 html 과 연결을 시켜야 한다.

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

위의 코드를 html<head> 태그 안에 작성하면 html파일과 css파일이 연결된다.

외부스타일시트를 활용하면 css파일 하나로 전체 html파일을 적용할 수 있다.

수정 및 관리가 보다 안정적이여서 css를 사용하는 가장 좋은 방법이다!

0개의 댓글