CSS(Cascading Style Sheets)

• Html 태그들을 꾸며주는 역할을 합니다.

CSS 적용하는 법

• 인라인 스타일

  태그안에 스타일을 적어서 사용하는 방법으로, 빠르고 편하다는 장점이 있지만, 유지보수와 코드 가독성이 떨어집니다.

• Style 태그

  Html내에서 스타일 태그를 사용하여 작성하는 방법으로, 빠르고 편하지만 유지보수가 좋지 않습니다.

• CSS 파일

  CSS파일을 따로 생성하여 작성하는 방법으로, 코드 가독성이 좋으며 유지보수 또한 좋습니다.

  • html파일에서 어느 css파일이 쓰였는지 브라우저에 알려야 하므로, 링크를 해주는 태그를 추가해야 합니다.

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

  link태그로 사용할 css파일을 연결해주며,
  href 속성에 css 파일의 경로를 값으로 줍니다.
  rel은 Html파일과 CSS파일과의 관계를 설명하는 속성으로 보통 stylesheet값을 줍니다.
  type는 link태그로 연결되는 파일이 어떤 것인지 알려주는 역할을 합니다.

CSS 작성법

p {           <!-- Selector(선택자) -->
color: red;   <!-- 속성: 값; -->
}

클래스는 .클래스명으로 선택자를 주고, ID는 #아이디명으로 선택자를 주면 됩니다.