[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
- float 레이아웃
- fs모듈 넥스트
- is()
- 원티드 프리온보딩 프론트엔드 챌린지 3일차
- 부트캠프항해
- aspect-ratio
- 틸드와 캐럿
- nvm 설치순서
- 항해99추천비추천
- 타입스크립트 장점
- getServerSideProps
- grid flex
- nvm경로 오류
- 원티드 프리온보딩 FE 챌린지
- 항해99프론트
- ~ ^
- 프리렌더링확인법
- 항해99프론트후기
- 프리온보딩 프론트엔드 챌린지 3월
- Prittier
- 형제 요소 선택자
- text input pattern
- D 플래그
- 타입스크립트 DT
- 원티드 FE 프리온보딩 챌린지
- tilde caret
- reactAPI
- && 셸 명령어
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함