CSS 선언방식

2022.04.05

1. 내장방식

    html 파일 안에 <style> 태그로 작성하는 방식
      <style>
      div {
        clor: red;
      }
    </style>

2. 인라인방식

    요소의 style 속성에 직접 스타일 작성하는 방식으로 우선순위가 너무 높기때문에 권장하지 않음
    <div style="color: red;">
        test
    </div>

3. 링크방식

    link태그를 이용해 외부에 있는 css를 가져오는 방식
    # Emmet --> link:css
    <link rel="stylesheet" href="style.css">

4. @import방식

    css의 @import규칙으로 css문서 안에서 또 다른 css문서를 가져와 연결하는방식. 직렬방식
      html문서에 링크연결한 상태
    <link rel="stylesheet" href="style.css">
   

    # style.css 문서입니다
        @import url("./main.css")
   
        div {
            color: red;
        }

    # main.css 문서입니다
   
        div {
            background-color: tomato;
        }