CSS

html 인라인 스타일

오시리엔 2023. 8. 23. 11:17
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>인라인 스타일</title>
</head>
<body>
    <!--
        인라인 스타일
        - 태그에 직접 디자인 코드를 작성하는 방식
        - 그 어떤 방식보다 우선순위가 높음(디자인 수정될때 좋음)
        - 디자인의 체계를 잡기 어렵다

    -->
    <h1 style="color: burlywood; background-color: brown;">인라인 스타일이란?</h1>
    <h1 style="background-color: blanchedalmond;">태그 마다 style속성을 만들어서</h1>
    <h1 style="font-style: italic;">디자인 코드를 작성하는 것을 말함</h1>
</body>
</html>

'CSS' 카테고리의 다른 글

2차 메뉴에 대한 디자인 구현  (0) 2023.08.29
폰트 어썸을 이용해보자! (2개다 사용해볼것)  (0) 2023.08.28
아이콘 사용법(Font Awesome)  (0) 2023.08.28
선택자(selector)  (0) 2023.08.25
html 인라인 태그  (0) 2023.08.23