Notice
Recent Posts
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
- 아이디 선택자
- 블록 레벨 요소
- HTML
- 멋쟁이사자처럼
- 회고
- 인라인 레벨 요소
- 성장
- 주축 정렬
- 비시맨틱 태그
- css 부모 자식 관계
- 학습 전략
- CSS
- 시맨틱 태그
- flex box
- 오블완
- 개발자
- css 마진
- align-items
- 스프린트
- 교차축 정렬
- justify-content
- 티스토리챌린지
- css 배치 속성
- 프론트엔드
- css 부모 형제 관계
- IT
- css 패딩
- 멋쟁이사자차럼
- css 박스 모델
- 스프린트회고
Archives
- Today
- Total
목록justify-content (1)
ohjungho 님의 블로그
CSS 레이아웃 : flex box
flex box의 등장플렉스는 '유연한' 이란 뜻을 가지고 있다. 화면 레이아웃을 유연하게, 자유자재로 배치할 수 있게 해준다. 기존에 사용했던 블록 레벨 요소, 인라인 레벨 요소 방식보다 훨씬 강력하고 편리한 기능이 많다. 즉, 다양한 레이아웃을 만들고자 고안된 기법이 플렉스 박스(flex box) 이다. flex가 필요한 순간??flex는 언제 필요로 할까??? 아래와 같이 body안에 div로 사각형 세 개를 만드는 코드가 있다. div { width: 200px; height: 200px; background-color: tomato; }#second { background-color: seagreen; } HTML 코드에서 1 body를 부모로,..
Front-end/HTML,CSS
2025. 1. 9. 00:55