반응형
인라인 스타일(Inline Style)
- 한 줄짜리 짤막한 스타일을 적용할 때 사용
- HTML 태그 안에 직접 지정하여 사용하며, 인라인 스타일을 많이 작성할 경우 나중에 어느 곳에 있는지 알아내기 어려우므로 가급적 사용은 자제한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<!-- TODO : 인라인 스타일 :: 이렇게 디자인 하는 것은 추천하지 않음 : 가독성 저하 -->
<h1 style="color: blue;">레드향</h1>
<p>레드향은 한라봉과 귤을 교배한 것으로</p>
<p>일반 귤 보다 2~3배 크고, 과육이 붉고 통통하다.</p>
</body>
</html>
반응형
'CSS > CSS 이론' 카테고리의 다른 글
| [CSS] 인접한 형제 선택자 (0) | 2023.08.09 |
|---|---|
| [CSS] 웹 폰트 적용하기 (0) | 2023.08.09 |
| [CSS] CSS 디자인 우선순위 (0) | 2023.08.09 |
| [CSS] 반응형 웹 이론 - 이미지 처리 (0) | 2023.08.09 |
| [CSS] 배경이미지 (0) | 2023.08.08 |
