<aside>
📌
2024.10.06
</aside>
HTML & CSS 기초 강의
#12 CSS 선행 학습 ~ #13 CSS 선택자의 종류
HTML에 CSS를 적용하는 방법
- Inline 방식
- HTML 태그 내부에 style 속성을 사용해서 요소들에 직접 스타일을 지정
- Internal
- <style> 태그 내부에 스타일시트를 작성해서 적용
- External
.css 확장자를 가진 별도의 파일에 스타일을 작성하고, HTML에는 링크로 연결만 해주는 방식- <head> 내에 <link> 사용
<link rel=”stylesheet” href=”(파일명).css”>
CSS 주석
/* ~~ */
CSS의 기존 문법 구조
-
선택자
- 태그, id, class, …
- 스타일을 적용할 대상을 선택하기 위한 식별자
종류
- 전체 선택자
*
- 태그 요소 선택자
태그 이름
- 아이디 선택자
#(id)
- 해당 아이디를 사용하는 요소를 선택
- 태그의 종류와는 상관없이 이 아이디를 가진 요소만 선택
- 클래스 선택자
.(class)
-
선언부
- 시작과 끝은 중괄호로 감싸져야 함
- 속성명
: 속성의 값;
- 각각의 선언 끝에는 세미콜론이라는 기호룰 붙여서 구분
결합 선택자 (부모 선택자) (자식 선택자) ⭐띄어쓰기 필수
- HTML 문서 내 계층 관계에 따른 조상이나 자손 또는 부모나 자식 요소를 선택하기 위함
부모 요소 하위에 있는 자식 요소만을 선택하기 위해서는 (부모 선택자) **>** (자식 선택자)