1.css基本構文

선택자{속성:값;}

div {
  color: aqua;
}

2.css宣言方式

1)組み込み

css를 html의 <style>태그 안에 내용으로 작성

<style>
  div{
      color:red;
      margin: 20px;
  }
	</style>

2）インライン方式

style 속성에 직접 스타일을 작성하는 방식
선택자가 없다.

    ```
<div style="color: red; margin: 20px;"></div>
```
단점 : 우선순위가 너무 강하여 나중에 유지보수시에 문제가 생길 수 있음

3）リンク方式

외부 css문서를 가져와서 연결하는 방식

    **html**
     
    <link rel="stylesheet" href="/main.css">
    
    
    **css**
    
    div {
      font-size: 30px;
      color: aqua;
      text-decoration: underline;
    }

4）輸入方式

css@importを使用してcssドキュメントから別のcssドキュメントをインポートし、リンクします.
接続が遅れる可能性があります.
main.cssはまず読み出される

    **html**
     
    <link rel="stylesheet" href="/main.css">
    
    
    **main.css**
    
    @import url("./another.css")
    
    div {
      font-size: 30px;
      color: aqua;
      text-decoration: underline;
    }
    
    **box.css**
    
    .box {
		background-color: red;
        padding:20px;
     }