CSS/CSS 이론

[CSS] Inline Style

2주녘 2023. 8. 9. 15:57
반응형
인라인 스타일(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>

반응형