Link vs Import

(CSS) Link vs Import 차이

세슘을 공부하다가 Style css 태그 가져올때 Link 와 Import 대해서 궁금해졌다

Link

    <link rel="stylesheet" href="./js/libs/cesium/Widgets/widgets.css"></link>

1.HTML의 Link 태그를 사용하는 CSS 연결방식
2.병렬방식의 다운로드
3.로딩속도가 빠르다

Import

@import url(./shared.css);
@import url(./Animation/Animation.css);
@import url(./BaseLayerPicker/BaseLayerPicker.css);
@import url(./CesiumWidget/CesiumWidget.css);
@import url(./CesiumInspector/CesiumInspector.css);
  ...

1.하나의 css 파일에 여러개의 css 페이지를 로드시켜 편리하다
2.직렬방식의 다운로드
3.로딩속도가 link 보다 상대적으로 길어진다

Style

<style>
    body{
      background-color: black;
      text-align: center;
    }
    img{
      display: block;
      margin: auto;
    }
</style>

1.HTML 내부에 style 속성을 사용하여 스타일 적용