Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 아이드로퍼툴
- CSS
- 포토샵기초
- 레이어그룹
- 일러스트 블렌드
- 아이콘가이드
- 자바스크립트 변수
- css diner
- 사진보정
- 자바스크립트
- 웹디자인
- 자바스크립트매개변수
- 일러스트 브러쉬
- 일러스트아이소메트릭
- 통계사이트
- html
- 포토샵
- 일러스트 기초
- 일러스트기초
- 웹디자인 기초
- flexbox defense
- 자바스크립트함수
- 디스톨트
- html기초
- 일러스트3d
- 자바스크립트기초
- 인포그래픽
- 스마트오브젝트
- IT
- flexbox froggy
Archives
- Today
- Total
오늘보다 더 나은 내일
[수업노트](20.10.22)D+10 CSS DINER 22단계까지/풀다운 메뉴 만들기 본문
728x90
1. CSS DINER
1. a: 타입이 a인 요소 모두선택
2. #id: 특정 아이디(#id)를 가진 특정 요소 선택(하나의 아이디만 생성 가능)
3. a b: 자손선택자. a요소 내부의 자식 및 후손(자식의 자식)까지 범위의 모든 b요소선택
4. #id a: 아이디가 #id이면서 a선택자를 가진 요소 선택
5. .classname: 특정 클래스(.classname)를 가진 모든 요소 선택(무한대의 클래스 생성 가능)
6. A.className: a이면서 .classname을 가진 모든 엘리먼트 선택
7. a,b: a와 b요소 선택
8. *: 모든 요소 선택
9. a *: a내부의 모든 요소 선택
10. a + b: a의 인접동생 b 선택
11. a ~ b: a의 모든 동생 b 선택
12. a > b: 부모 a에 속한 직계자식인 b 선택
13. a:first-child: a이면서 첫번째자식 요소 선택
14. a:only-child: a중 형제가 없는 모든 요소 선택
15. a:last-child: 모든 마지막 자식 요소 선택
16. a:nth-child(A): n번째이면서 a인 요소 선택
17. :nth-last-child(A):
18. :first-of-type:
20. :nth-of-type(A):
21. :nth-of-type(An+B):
728x90
'국비지원 UX UI 디자인 > 코딩 수업' 카테고리의 다른 글
[수업노트](20.10.26)D+12 absolute정렬/transform-translate x, translate y/position-fixed (0) | 2020.11.01 |
---|---|
[수업노트](20.10.23)D+11 display:none/position/z-index (0) | 2020.11.01 |
[수업노트](10.10.21)D+9 class/h1 ~ 6/ul, ol, li (0) | 2020.11.01 |
[수업노트](20.10.20)D+8 border-radius/inherit/상단메뉴 만들기 (0) | 2020.11.01 |
[수업노트](20.10.19)D+7 block요소 중앙정렬/class,id (0) | 2020.11.01 |