[CSS] 개발입문

김기현·2021년 12월 21일

CSS

1. CSS의 의미

CSS : Cascading Style Sheets

Cascading (폭포, 연속해서 떨어지는)
해당 스타일을 지정하지 않으면 다음 스타일로 넘어간다
1. Author style >> 2. User Style >> 3. Browser

보통 HTML을 시각적으로 꾸미는 용도로 사용한다.

CSS는 선택자, 선언, 속성으로 이루어져있다.

2. import CSS

head에 link를 열고 css파일을 연결

한 페이지에 너무 많은 CSS 요소를 넣으면 너무 길어지니 알맞게 분할을 하자!

<!DOCTYPE html>
<html>
  <head>
      <!-- style.css 파일을 해당 페이지에 연결 -->
      <link rel="stylesheet" href="style.css"/>
      <title>Document</title>
  </head>
  <body>
    <h1 style="background-color: black; color: white;">나Hello</h1>
    <img src="https://goo.gl/BFX4PW" />
    <h2 style="background-color: green; color: white;">Favorites</h2>
    <ol>
      <li>People</li>
      <li>Pizza</li>
      <li>Code</li>
    </ol>
  </body>
</html>