[CSS] Selectors, Position

Selectors

Universal *
type Tag
ID #id
Class .class
State :
Attribute []

👍 Universal 은 모든 태그들을 포함한다.

a[href^="naver"] { } naver 로 시작하는
a[href$="naver"] { } .com 으로 끝나는

😈 MDN
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

👻 CSS 선택자 익히기 GAME
https://flukeout.github.io/
8까지 풀었다.

Position

static : 기본 위치
relative : static 위치에서 이동
absolute : 바로 상위 박스위치에서 이동 *상위 박스가 relative 여야 함
fixed : 페이지상에서 이동
sticky : 스크롤링 해도 static위치 계속 유지