HTML/CSS

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

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

W3C에서는 HTML 문서의 시작은 으로 시작할 것을 권장하고 있다. 이는 HTML5 문법을 따르도록 작성된 문서임을 확인하는 과정이다.출처 링크HTML4에서는 HTML의 문서 유형이 몇 가지가 존재했고, 브라우저마다 지원하는 정도에 차이가 있었다. 이러한 이유로 문

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