# Flex

99개의 포스트
post-thumbnail

CSS_ flex

Flex는 요소의 크기가 불분명하거나 동적인 경우에도, 각 요소를 정렬할 수 있는 효율적인 방법을 제공합니다.우선 Flex는 2개의 개념으로 나뉩니다.첫 번째는 Container 두 번째는 Items 입니다.\Container는 Items를 감싸

약 4시간 전
·
0개의 댓글

[CSS] flex 사용법

display: flex; 사용 방법을 알기 쉽게 정리flex로 설정하게 되면 flex-direction 값이 기본값인 row로 지정 되기 때문에 가로로 정렬flex-direction 을 사용해서 가로(row), 세로(column) 또는 순서와 위치(-reverse)를

2일 전
·
0개의 댓글
post-thumbnail

flex box 안의 input 의 flex-grow 속성이 설정되지 않음

flex container 로 설정한 div 안의 input 4개를 배치하고 각각 flex 속성을 1:1:3:1 로 지정함div 안의 width 를 input 들이 1:1:3:1 로 나눠갖는 것을 예상했지만 실제 결과로는 크기를 나눠갖지 않고 똑같은 크기를 가지며 di

3일 전
·
0개의 댓글
post-thumbnail

CSS: 플렉스(flex)

Flex Container의 화면 출력(보여짐) 특성flex: 블록 요소와 같이 Flex Container 정의inline-flex: 인라인 요소와 같이 Flex Container 정의주 축을 설정row: 행 축 (좌 => 우), 기본값row-reverse: 행 축 (

6일 전
·
0개의 댓글
post-thumbnail

Flex - 부모요소 속성

justify-content, align-items, align-contents, flex-wrap

2021년 7월 18일
·
2개의 댓글

CSS Flex

block property는 높이와 넓이를 가지고 있고(inline과 반대) element옆에 아무 것도 오지 못하게 한다.inline block property는 높이와 넓이를 가지고 있지만 inline처럼 옆에 element를 배치 할 수 있다.만약 inline b

2021년 7월 9일
·
0개의 댓글
post-thumbnail

210705 개발일지

웹프로그래밍, HTML, CSS, z-index, float & clear, flex, 중앙정렬 하는 방법

2021년 7월 5일
·
0개의 댓글
post-thumbnail

TIL - 53

css grid와 flex에 도움이 되는 게임, position, flex

2021년 7월 1일
·
0개의 댓글
post-thumbnail

TIL - 52

css유용 웹사이트 및 css 레이아웃배치

2021년 6월 30일
·
0개의 댓글
post-thumbnail

첫번째 기술 면접

=> semantic 태그에 대해서 아느냐 그리고 SEO도 알면 좋을듯.세오...세호.... 조세호? div태그는 별도 의미 부여가 없이 웹의 구역을 나누는 태그이고 section 태그는 핵심적인 내용이 주로 들어가는 article을 포함하는 구역으로 semantic

2021년 6월 24일
·
0개의 댓글
post-thumbnail

Flex vs Grid

flex vs grid

2021년 6월 24일
·
0개의 댓글

[CSS] flex 용어 정리

정의 : 1차원 레이아웃기본값은 세로정렬인데 flex를 사용하게 되면 가로 정렬이 기본으로 된다. 플렉스는 기본적으로 크기를 설정해도 한 화면 안에 다 나오려고 하다보니 크기가 조금 변형이 된다. 이것이 싫다면 flex-wrap : wrap ;으로 설정해주면 된다. (

2021년 6월 22일
·
0개의 댓글
post-thumbnail

TIL - 45

float , flex

2021년 6월 22일
·
0개의 댓글
post-thumbnail

CSS flex (1)- 검색엔진 메인화면 만들기

항상 나를 골치아프게 만드는 가운데 정렬법들에 대해서 정리해보겠다. flex 를 사용

2021년 6월 20일
·
0개의 댓글

Wecode 2일차 bloging

위코드 2일차.... 어제 빠르게 모두 문제를 풀고 가려고했지만 부업 하다가 남은 게 있어서 7시 30분정도에 집에 갔다. 어제 이후로 css남은 문제를 풀고있다. 1. position 속성 - relative, absolute, fixed position -

2021년 6월 8일
·
0개의 댓글
post-thumbnail

CSS Flex

Flex, display..? 헷갈리는 CSS Flex개념 정리하기

2021년 6월 5일
·
0개의 댓글
post-thumbnail

[TIL 12] CSS / Twittler

Achievement Goals CSS의 기본적인 셀렉터 #와 .의 차이를 이해하고 있다. 절대 단위와 상대 단위를 구분할 수 있다. CSS 박스 모델에 대해 이해하고 있다. 박스 측정 기준(content-box, border-box) 두 가지의 차이를 이해하고 있다

2021년 5월 27일
·
0개의 댓글

CSS 플렉스 (정렬) , Flex Container, Flex Items

1차원 레이아웃, Flex Container + Flex Items, 정렬: display, flex-flow, flex-direction, flex-wrap, justify-content, align-content, align-itemsFlex Container의 화

2021년 5월 26일
·
0개의 댓글
post-thumbnail

5월24일 TIL

flexbox에 대한 모든 것

2021년 5월 24일
·
0개의 댓글

반응형으로 웹 만들기

반응형 웹이 무엇인지, 어떻게 만드는지 정리😎브라우저를 사용하는 환경들은 점점 더 늘어나고 있다.. 이에 따라 프론트엔드 개발자, 웹 디자이너 분들은 골머리를 앓고 계신다고 한다(저는 아직 그 반열에 합류하지 못해 경험해보진 못했습니다 ㅠㅠ). 핸드폰, 패드, 노트북

2021년 5월 21일
·
0개의 댓글