profile
기본기가 갖추어진 개발자로 성장하고 싶습니다.
post-thumbnail

float

Float 라는 단어는 원래 ‘뜨다’라는 의미이며, 원래 웹페이지에서 이미지를 어떻게 띄어서 텍스트와 함게 배치할 것인가에 대한 속성이다.블럭 요소를 가로로 나란히 정렬하기 위해서 float를 이용한다.float될 경우 기존 블럭 요소처러럼 너비가 넓게 퍼지지 않고 내

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

Grid Layout

CSS 그리드 레이아웃(이하 ‘그리드’)은 그리드 기반 사용자 인터페이스 설계 방식을 완전히 바꾸기 위하여 탄생한 2차원 그리드 기반 레이아웃 시스템이다.웹 페이지를 레이아웃할 때 항상 CSS를 사용하지만 생각만큼 쉽지 않다.먼저 테이블을 만들고 float, posit

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

FLEX Layout

flexbox는 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에도 효율적으로 요소를 배치, 정렬, 분산할 수 있는 방법을 제공하는 CSS3의 새로운 레이아웃 방식이다.flexbox의 장점을 한 마디로 표현하면 '복잡한 계산 없이 요소의 크기와 순서를 유연하게 배

2021년 1월 4일
·
0개의 댓글
·