본문 바로가기

HTML/CSS 기초

[CSS] 인라인 스타일, 임베디드 스타일

인라인 스타일은 body안에 있는 태그에 스타일을 작성하는 것이고

임베디드 스타일은 head부분에 스타일을 지정하는 것이다.

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS 기초</title>
    <!-- 임베디드 스타일 -->
    <style>
        p{
            font-size: 15px;
            color: seagreen;
        }
    </style>
</head>
<body>
    <!-- 인라인 스타일-->
    <h1 style="color: sandybrown;">블루베리의 효능</h1>
    <p>북아메리카를 비롯한 북반구 전역에 분포[1]하는 식물 및 열매. 북아메리카 등지에서 품종개량 등을 활발하게 한다. 이름과 달리 딸기, 라즈베리, 블랙베리 등의 베리류와는 전혀 관계가 없는 진달래과 식물[2]로, 진달래과에 속하는 베리로는 크랜베리(넌출월귤), 월귤(링곤베리), 빌베리 등이 있다.</p>
</body>
</html>

 

 

728x90
반응형

'HTML > CSS 기초' 카테고리의 다른 글

[CSS] margin 설정하기  (0) 2020.07.28
[CSS] 문단마다 스타일 설정하기  (0) 2020.07.28
[CSS] 글자 스타일  (0) 2020.07.28
[CSS] prefix  (0) 2020.07.28
[CSS] 외부 스타일  (0) 2020.07.28