- nth-child의 난제 해결
- https://thrillfighter.tistory.com/575
- div:nth-child(3)이라고 하면 div를 찾아서 그 부모의 3번째 자식을 선택함. 자식의 종류는 상관 없고 순서만 중요함. 근데 나는 div의 부모에게서 div 자식 중 3번째를 선택하는 줄 알았음.
- .box:nth-child(3)이라고 하면 box라는 클래스명을 가진 태그를 찾아서 부모의 3번째 자식을 선택함. 이때 3번째 자식이 .box가 아니면 선택되지 않음.
- https://thrillfighter.tistory.com/575
- ul, ol 스타일
- https://www.walterz.net/2017/07/31/css-%EA%B9%94%EB%81%94%ED%95%9C-%EB%AA%A9%EB%A1%9D-%EC%8A%A4%ED%83%80%EC%9D%BC-css-list-style/
- 기본 스타일 없애기 : { list-style: none; }
- 기호 바꾸기 : li::before { content: "✔"; }
- https://www.walterz.net/2017/07/31/css-%EA%B9%94%EB%81%94%ED%95%9C-%EB%AA%A9%EB%A1%9D-%EC%8A%A4%ED%83%80%EC%9D%BC-css-list-style/
- p 행간(줄간격), 정렬
- https://tagilog.tistory.com/191 행간 : { line-height: 20px; }
- https://www.codingfactory.net/10692 양쪽 정렬 : { text-align: justify; }
- 기울임꼴
- https://www.codingfactory.net/10548 기울임꼴 : { font-style: oblique; }
- 컬러 팔레트
'TIL' 카테고리의 다른 글
[TIL-86~87] 위코드 사전스터디 3주차 : 가위바위보 (0) | 2022.01.01 |
---|---|
[TIL-85~86] 위코드 사전스터디 2주차 : 로또 번호 만들기 (0) | 2021.12.30 |
[TIL-83] 노마드코더 유튜브 클론코딩 #6.17~#6.19 (0) | 2021.12.16 |
[TIL-81~82] 노마드코더 유튜브 클론코딩 #6.14~#6.16 (0) | 2021.12.14 |
[TIL-78~80] 스파르타 코딩클럽 웹개발 종합반 5주차 개발일지 (0) | 2021.12.09 |