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
- 스프린트회고
- justify-content
- 프론트엔드
- 블록 레벨 요소
- 회고
- css 마진
- 아이디 선택자
- 교차축 정렬
- align-items
- 성장
- CSS
- css 패딩
- 멋쟁이사자차럼
- 주축 정렬
- flex box
- flex-direction
- 멋쟁이사자처럼
- 개발자
- 스프린트
- 시맨틱 태그
- 학습 전략
- 자손 선택자
- 인라인 레벨 요소
- 오블완
- 티스토리챌린지
- IT
- 비시맨틱 태그
- css 배치 속성
- css 박스 모델
- HTML
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