# Flex
CSS_ flex
Flex는 요소의 크기가 불분명하거나 동적인 경우에도, 각 요소를 정렬할 수 있는 효율적인 방법을 제공합니다.우선 Flex는 2개의 개념으로 나뉩니다.첫 번째는 Container 두 번째는 Items 입니다.\Container는 Items를 감싸
[CSS] flex 사용법
display: flex; 사용 방법을 알기 쉽게 정리flex로 설정하게 되면 flex-direction 값이 기본값인 row로 지정 되기 때문에 가로로 정렬flex-direction 을 사용해서 가로(row), 세로(column) 또는 순서와 위치(-reverse)를
flex box 안의 input 의 flex-grow 속성이 설정되지 않음
flex container 로 설정한 div 안의 input 4개를 배치하고 각각 flex 속성을 1:1:3:1 로 지정함div 안의 width 를 input 들이 1:1:3:1 로 나눠갖는 것을 예상했지만 실제 결과로는 크기를 나눠갖지 않고 똑같은 크기를 가지며 di
CSS: 플렉스(flex)
Flex Container의 화면 출력(보여짐) 특성flex: 블록 요소와 같이 Flex Container 정의inline-flex: 인라인 요소와 같이 Flex Container 정의주 축을 설정row: 행 축 (좌 => 우), 기본값row-reverse: 행 축 (
CSS Flex
block property는 높이와 넓이를 가지고 있고(inline과 반대) element옆에 아무 것도 오지 못하게 한다.inline block property는 높이와 넓이를 가지고 있지만 inline처럼 옆에 element를 배치 할 수 있다.만약 inline b
첫번째 기술 면접
=> semantic 태그에 대해서 아느냐 그리고 SEO도 알면 좋을듯.세오...세호.... 조세호? div태그는 별도 의미 부여가 없이 웹의 구역을 나누는 태그이고 section 태그는 핵심적인 내용이 주로 들어가는 article을 포함하는 구역으로 semantic
[CSS] flex 용어 정리
정의 : 1차원 레이아웃기본값은 세로정렬인데 flex를 사용하게 되면 가로 정렬이 기본으로 된다. 플렉스는 기본적으로 크기를 설정해도 한 화면 안에 다 나오려고 하다보니 크기가 조금 변형이 된다. 이것이 싫다면 flex-wrap : wrap ;으로 설정해주면 된다. (
Wecode 2일차 bloging
위코드 2일차.... 어제 빠르게 모두 문제를 풀고 가려고했지만 부업 하다가 남은 게 있어서 7시 30분정도에 집에 갔다. 어제 이후로 css남은 문제를 풀고있다. 1. position 속성 - relative, absolute, fixed position -
[TIL 12] CSS / Twittler
Achievement Goals CSS의 기본적인 셀렉터 #와 .의 차이를 이해하고 있다. 절대 단위와 상대 단위를 구분할 수 있다. CSS 박스 모델에 대해 이해하고 있다. 박스 측정 기준(content-box, border-box) 두 가지의 차이를 이해하고 있다
CSS 플렉스 (정렬) , Flex Container, Flex Items
1차원 레이아웃, Flex Container + Flex Items, 정렬: display, flex-flow, flex-direction, flex-wrap, justify-content, align-content, align-itemsFlex Container의 화
반응형으로 웹 만들기
반응형 웹이 무엇인지, 어떻게 만드는지 정리😎브라우저를 사용하는 환경들은 점점 더 늘어나고 있다.. 이에 따라 프론트엔드 개발자, 웹 디자이너 분들은 골머리를 앓고 계신다고 한다(저는 아직 그 반열에 합류하지 못해 경험해보진 못했습니다 ㅠㅠ). 핸드폰, 패드, 노트북