Pseudo Selector

[HTML&CSS] Combinator, Pseudo selectors - 2

2023.06.01

[HTML&CSS] Combinator, Pseudo selectors - 2 ( UPDATE 2023 - 05 - 27 ) combinator, pseudo selectors div span div 안의 span div > span div 안의 직계 span p + span p ‘바로 다음’으로 오는 span p ~ span p ‘다음’ 으로 오는 span ( 바로 뒤에 오지 않을 때 씀) input:required input에 required 있는 경우만 적용 input[type=“password”] input에 password 타입만 적용 input[placeholder=“username”] placeholder가 username 인 경우만 적용 input[placeholder~=“name”] pl..

📚 지식 채우기/웹 (프론트엔드, 백엔드)

[HTML&CSS] Position , Pseudo selectors - 1

2023.05.31

[HTML&CSS] Position , Pseudo selectors - 1 ( UPDATE 2023 - 05 - 26 ) Position Position 의 디폴트는 static position : fixed; 스크롤을 올리든 내리든 초기에 세팅한 그 위치에 고정됨. 상단 메뉴 바 등을 고정할 때 많이 씀. position : fixed; (주의점) top, bottom, left, right 중 하나라도 수정하면, 별개의 레이어처럼 겹쳐질 때, fixed를 제일 상위로 하고 겹쳐짐 posititon : relative; 위치 조금 옮기고 싶을 때 사용. 처음 위치한 곳을 기준으로 상하좌우로 수정함. (부모 요소 무시X) position : absolute; 상하 좌우를 이동 하고 싶을 때 사용함. 부..

[HTML&CSS] Combinator, Pseudo selectors - 2

[HTML&CSS] Position , Pseudo selectors - 1

티스토리툴바