TIL 03. HTML 문서에서 CSS를 사용하는 방법

crystal·2021년 2월 5일
0

HTML & CSS

목록 보기
3/6

CSS를 html 문서에서 사용하는 방법이다. 😃😃


CSS 사용 방법

HTML문서에 CSS를 사용하는 방법은 3가지가 있다.

  • 외부 스타일 시트(External Style Sheet)
  • 내부 스타일 시트(Internal Style Sheet)
  • HTML 태그 내에 스타일 지정(Inline Styles)



1. 외부 스타일 시트(External Style Sheet)

css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법이다. 헤더에 link로 css 파일을 연결한다.

<head>
 <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>



2. 내부 스타일 시트(Internal Style Sheet)

HTML문서내에서 <head></head>사이에 스타일을 정의하는 방법이다.

<head>
 <style type="text/css">
 
  body {font-size:9pt;}

 </style>
</head>



3. HTML 태그 내에 스타일 지정(Inline Styles)

스타일을 적용하고 싶은 HTML 태그 안에서 정의하는 방법이다.

<p style="color:white;">이 문단의 색상은 흰색으로 지정된다.</p>
profile
어제보다 더 나은 오늘의 내가 되자 ✧ʕ̢̣̣̣̣̩̩̩̩·͡˔·ོɁ̡̣̣̣̣̩̩̩̩✧ 

0개의 댓글

관련 채용 정보