CSS

CSS(Cascading Style Sheets)

HTML 태그들에 디자인을 입혀주는 방법입니다.

- CSS 적용방법

1. 인라인 스타일

   태그에 style 속성에 작성하는 방법

        <h1 style="color: blue"> blue </h1>

   편하지만 태그의 길이가 길어져서 가독성에 좋지 않습니다.

2. style 태그

   html 파일 안에 style 태그를 이용 css를 작성하는 방법

   <style>
    h2 {
     color: blue;
    }
   </style>

   html파일 안에 style 태그가 있어 html파일도 길어지고 유지보수에 적합하지 않습니다.

3. css 파일에 작성

   html파일과 분리하여 css파일에 별도로 작성하는 방법

   <link href="index.css" rel="stylesheet" type="text/css" />

   head에 link로 별도의 css파일을 링크해준뒤 css파일에 작성하여
   유지보수에 좋고 대체적으로 이 방법을 사용합니다.

- 작성방법

• 태그 이름
  p {
  color: red;
  }

• 클래스 이름
  .classname {
  color: red;
  }

• 아이디 이름
  #idname {
  color: red;
  }