"HTML에 CSS를 적용하는 방식 3가지"의 두 판 사이의 차이

잔글 (Jmnote 사용자가 HTML에 CSS를 적용하는 4가지 방식 문서를 HTML에 CSS를 적용하는 방식 3가지 문서로 옮겼습니다)
(차이 없음)

2014년 7월 26일 (토) 10:32 판

1 개요

3(+1) Ways to Insert CSS
HTML에 CSS를 기입하는 4가지 방식
HTML에 CSS를 삽입하는 4가지 방식
HTML에 CSS를 적용하는 4가지 방식
  • 정확히는 HTML에 적용하는 방식 3가지 + CSS에 적용하는 방식 1가지

2 방법 1: 인라인 방식

  • 해당 태그의 style 속성에 넣는 방식
<p style="color:sienna; margin-left:20px;">안녕하세요.</p>

3 방법 2: 내부 스타일 시트

<head>
<style>
p {
  color: sienna;
  margin-left: 20px;
}
</style>
</head>
<body>
  <p>안녕하세요</p>
</body>

4 방법 3: 외부 스타일 시트

  • link 태그를 사용하여 별도의 css 파일을 연결하는 방식
<head>
<link rel="stylesheet" href="mystyle.css">
</head>

5 (방법 4: CSS 임포트)

6 같이 보기

7 참고 자료

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}