[CSS] 선택자(전체, 그룹, 가상요소, 형제 요소), 레이아웃(float, flex, grid) 기본
선택자(selector) 1.전체 선택자 * { property: value } 2.그룹 선택자 수의 제한이 없다. 아래 예시에서는 두 클래스에게 같은 속성을 부여한다는 소리 .class1, .class2 { property: value } 3.가상 클래스 선택자 : 실제로 html요소를 수정하지 않고, css만으로 가상 요소를 추가해 선택할 수 있다. 선택자:가상 클래스 { property: value } 3-1.가상 클래스 선택자 예시🚗 :first-child (형제 요소 중 첫번째만 선택) e.g. p:first-child 라고 지정해서 css 를 먹였는데 적용이 안되는 경우 -> 형제요소 중 첫번째 p태그를 지칭하는 것으로 만일 1번째 형제 요소가 p태그가 아니라 다른 태그라면 css가 당연히 적..
Frontend/CSS, HTML
2023. 1. 30. 21:45
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- ~ ^
- 프리온보딩 프론트엔드 챌린지 3월
- getStaticPaths
- 항해99추천비추천
- && 셸 명령어
- 부트캠프항해
- Prittier
- float 레이아웃
- D 플래그
- grid flex
- nvm경로 오류
- 형제 요소 선택자
- 항해99프론트후기
- tilde caret
- nvm 설치순서
- 원티드 3월 프론트엔드 챌린지
- reactAPI
- 타입스크립트 DT
- 원티드 프리온보딩 프론트엔드 챌린지 3일차
- 프리렌더링확인법
- getServerSideProps
- 틸드와 캐럿
- 타입스크립트 장점
- 원티드 프리온보딩 FE 챌린지
- aspect-ratio
- 항해99프론트
- fs모듈 넥스트
- 원티드 FE 프리온보딩 챌린지
- is()
- text input pattern
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함