#14 - CSS 기초 - 불러오기

CSS 불러오기

태그 내에 CSS를 직접 입력

<body>
    <div style='속성 : 속성 값; 속성 : 속성 값;'></div>
</body>

HTML head 부분에 CSS를 입력

<head>
    <style>
      선택자{
          속성 : 속성 값;
          속성 : 속성 값;
      }
    </style>
</head>

HTML에서 외부 CSS 파일을 불러들임. 병렬 방식 ( 한번에 불러들임 )이며, 순서 상관 없이 빠르게 불러올 때 사용

<head>
    <link rel="stylesheet" href="./main.css">
</head>

CSS에서 외부 CSS 파일을 불러들임. 직렬 방식 ( 순차적으로 불러들임)이며, 순서가 중요할 때 사용. 시간이 오래걸릴 수 있음

<head>
    <style>
        @import url{"css/main.css"}
    </style>
</head>