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
- html구조
- 메소드
- Static
- jsp구동원리
- CSS
- 자바
- Bootstrap
- 기본타입
- display:flex
- java sever page
- 반복문
- 참조타입
- css grid
- UTF-8
- 추상클래스
- 접근제한자
- 부트스트랩
- jsp
- 시맨틱태그
- align
- for문
- Instance
- 데이터타입
- flex
- html
- 오버라이딩
- 조건문
- 생성자
- Grid
- Java
Archives
- Today
- Total
목록전체 글 (25)
개발자를 꿈꾸는 여정

수평 구조를 만드는 속성중 , float, inline-block 등으로도 쓰이지만, 보다 더쉽고 편리한, 그리고 반응형 페이지의 자동적으로 유리한 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. [ 1 - 콘테이너 ] 1. 시작 : 콘테이터의 디스플레이 플렉스 선언 display : flex; > Block 요소와 같은 성향(수직 쌓임)을 가지며, // ( display : inline-flex; ) > Inline(Inline Block) 요소와 같은 성향(수평 쌓임)을 가집니다. 2. Item 정렬방향 배치 flex-direction row (default) : 요소들을 텍스트의 방향과 동일하게 정렬한다. row-reverse : 요소들을 텍스트의..
3. Front Developer/3_2. CSS
2021. 11. 17. 14:00