분류 전체보기
- [테스트] 2022.06.24
- [Front-end] (margin) 실습예제 2022.06.23
- [Front-end] (nth-child) 실습예제 무지개 만들기 2022.06.23
- [Front-end] (nth-child_v2) 개념 2022.06.23
- [Front-end] (nth-child) 개념 2022.06.23
[테스트]
2022. 6. 24. 17:18
[Front-end] (margin) 실습예제
2022. 6. 23. 13:38
728x90
SMALL
[가운데 정렬]
margin-left : auto;
margin-right : auto;
[왼쪽 정렬]
margin-left : 0; // 생략가능
margin-right : auto;
[오른쪽 정렬]
margin-left : auto;
margin-right : 0; // 생략가능
728x90
LIST
'programming > Front-end' 카테고리의 다른 글
| [Front-end] (border-radius) 개념 및 실습예제 (0) | 2022.06.24 |
|---|---|
| [Front-end] (margin) 실습예제 : 상단 이미지 3*2 정렬 (0) | 2022.06.24 |
| [Front-end] (nth-child) 실습예제 무지개 만들기 (0) | 2022.06.23 |
| [Front-end] (nth-child_v2) 개념 (0) | 2022.06.23 |
| [Front-end] (nth-child) 개념 (0) | 2022.06.23 |
[Front-end] (nth-child) 실습예제 무지개 만들기
2022. 6. 23. 13:26
728x90
SMALL
작성간 느낀점 : 블록 사이즈가 커서 7칸이 나오지를 않아 어려움을 겪었으나, 사이즈를 줄여가며 하다보니 7칸이 맞춰졌고 그 후로 수월하게 만들어갔음.
728x90
LIST
'programming > Front-end' 카테고리의 다른 글
| [Front-end] (margin) 실습예제 : 상단 이미지 3*2 정렬 (0) | 2022.06.24 |
|---|---|
| [Front-end] (margin) 실습예제 (0) | 2022.06.23 |
| [Front-end] (nth-child_v2) 개념 (0) | 2022.06.23 |
| [Front-end] (nth-child) 개념 (0) | 2022.06.23 |
| [Front-end] (CSS reset, CSS Normalize) 개념 (0) | 2022.06.23 |
[Front-end] (nth-child_v2) 개념
2022. 6. 23. 13:20
728x90
SMALL
5n + 1 = 5의 배수만큼 이동
728x90
LIST
'programming > Front-end' 카테고리의 다른 글
| [Front-end] (margin) 실습예제 (0) | 2022.06.23 |
|---|---|
| [Front-end] (nth-child) 실습예제 무지개 만들기 (0) | 2022.06.23 |
| [Front-end] (nth-child) 개념 (0) | 2022.06.23 |
| [Front-end] (CSS reset, CSS Normalize) 개념 (0) | 2022.06.23 |
| [Front-end] (margin, padding) 개념 (0) | 2022.06.22 |
[Front-end] (nth-child) 개념
2022. 6. 23. 13:03
728x90
SMALL
first-child : 첫번째
nth-child(2) : "2" 번째 // ( )괄호안의 숫자만큼 해당
last-child : 마지막
728x90
LIST
'programming > Front-end' 카테고리의 다른 글
| [Front-end] (nth-child) 실습예제 무지개 만들기 (0) | 2022.06.23 |
|---|---|
| [Front-end] (nth-child_v2) 개념 (0) | 2022.06.23 |
| [Front-end] (CSS reset, CSS Normalize) 개념 (0) | 2022.06.23 |
| [Front-end] (margin, padding) 개념 (0) | 2022.06.22 |
| [Front-end] (실습 예제) 이미지 6개 3*2로 정렬하기 (0) | 2022.06.22 |