728x90
반응형
[HTML에 CSS를 결합시키는 2가지 방법]
1. 직관적이고 가장 이해하기 쉬운 방법
- 태그에 직접 CSS 속성(Style)을 부여하는 것
<h1 style="color: red;">Hello World</h1>
- 위 문장을 해석하면 'h1이라는 태그에 CSS 컬러를 red로 준다'가 된다.
- Style 속성은 HTML 표준에 약속이 되어 있다. 어떤 약속이냐면, [Style 속성의 값으로는 CSS 구문이 오니까 해석해서 표시해라 + 그리고 그 CSS는 Style 속성이 위치하고 있는 태그에 적용된다]는 약속이 되어있는 것이다.
2. 두번째 방법
- <head> 영역에 <style> 태그를 활용해 적용하는 방법
<style>
h1{color: blue;}
</style>
- <style> 태그도 HTML 표준에 약속이 되어 있다. [Style 태그 다음에는 CSS 구문이 온다 + 어디까지? 종료 style태그 </style>가 다시 등장할 때 까지]
#Source
<!DOCTYPE html>
<html>
<head>
<style>
h1{color: blue;}
</style>
</head>
<body>
<h1 style="color: blue;">Hello World</h1>
<h1>Hello World</h1>
</body>
</html>
#Result
결과는 역시 동일하다.
728x90
반응형
'Dev 개발 스터디 (동면 중) > Dev_CSS' 카테고리의 다른 글
| [CSS] CSS 소개 + HTML과의 관계성 (0) | 2021.06.09 |
|---|