CSS - 기본 문법 및 HTML에 CSS를 더하는 방법

기본 문법

선택자 {
속성명: 속성값;
}

선택자 : 어떤 요소에 스타일을 적용 할지에 대한 정보
{} : 선택한 요소에 적용할 스타일을 정의하는 영역
속성명 : 어떤 스타일을 정의하고 싶은지에 대한 정보(색상, 크기 등)
속성값 : 어떻게 정의하고 싶은지에 대한 정보

주석

/*

*/

HTML 문서에 CSS를 더하는 방법

• 인라인 스타일 : 태그에 직접 기술하기
• 스타일 태그 : 스타일시트를 위한 태그를 추가하여 기술하기
  HTML 문서에 태그를 추가하여 작성할 수 있다.

<style>
	p{ color: red; }
</style>

• 문서 간의 연결 : 스타일시트 문서를 따로 작성하여 HTML 문서와 연결하기
  확장자가 .css인 파일에 CSS 코드를 작성하고 HTML문서에 연결해 줄 수 있다.

<link hre="./style.css" rel="stylesheet">

href: 연결하고자 하는 외부 소스의 url을 기술하는 속성
rel: 현재 문서(HTML)와 외부 소스의 연관 관계를 기술하는 속상

태그는 HTML 문서의 내부에서 사용해야 한다.