CSS 기본

Intro

CSS란 Cascading Style Sheets의 약자이다.
Cascade는 폭포, Cascading은 연속화라는 의미를 가지고 있으며 CSS에서 스타일이 적용될 때
우선순위를 가지고 적용이 되기 때문에 이 적용되는 과정을 폭포처럼 묘사되어 부르게 되었다.

<p stype="color:yellow; background-color:black">Hello World</p>

<p style={{ color: 'white' }}>Hello World</p>

<head>
  <style>
    p {
      color: blue;
    }
  </style>
</head>
<body>
  <p>Hello World</p>
</body>

link tag
- 현재 문서와의 외부 리소스 관계를 명시한다.
- 빈 태그로 속성만을 포함한다.
- head 요소 내부에만 위치할 수 있다.

<!-- index.html -->
<head>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <p>Hello World</p>
</body>

/* style.css */
p {
  color: blue;
}

<!-- index.html -->
<head>
  <link rel="stylesheet" href="style.css" />
</head>

/* style.css */
@import url('reset.css');
@import url('font.css');
@import url('layout.css');
@import url('main.css');