[CSS] 기본

✨ CSS 기본 문법

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

• 선택자: 어떤 요소에 스타일을 적용할지에 대한 정보
• 속성명: 어떤 스타일을 정의하고 싶은지에 대한 정보
• 속성값: 어떻게 정의하고 싶은지에 대한 정보

📑 HTML 문서에 CSS 문서 적용하는 방식

1. 인라인 스타일: 태그에 직접 기술
2. 스타일 태그: 스타일시트를 위한 태그를 추가하여 기술
3. 문서간의 연결: 스타일시트 문서를 따로 작성하여 HTML 문서와 연결

인라인 스타일

• 태그에 style 속성을 추가하여 직접적으로 스타일을 정의
• 선택자는 필요없음
• 웹 콘텐츠와 스타일시트를 분리하기 위해서는 사용X

스타일 태그

• HTML 문서안에 style 태그를 추가하여 그 안에 CSS 코드를 작성

문서간의 연결

• 확장자가 .css 인 스타일시트 파일을 생성하여 그 안에 css 코드 작성
• HTML 문서에 이를 연결

  <link href='style.css' rel='stylesheet'>

• href : 연결하고자 하는 외부 소스의 url을 기술
• rel : HTML 문서와 외부 소스의 연관 관계를 기술
• link 태그는 HTML 문서의 head 내부에서 사용