Gapus Dev Blog

CSS의 정렬 CSS에서 가장 중요한 부분 중 하나가 정렬이다. 요소를 원하는 위치에 두고 사용자가 접근하기 편한 곳에 두는 것 또한 가장 중요한 요소 정렬의 방법으로 가장 많이 사용되는 방법으로 flex, position, grid가 있다. Flex flex의 핵심은 여러 태그를 하나로 묶어 정렬하는데 있다. flex의 정렬하는 기준은 부모 박스로 두고 움직인다. /* 부모박스 */ display: flex; /* 행기준: row, 열기준: column */ flex-direction: row; flex-direction: column; /* flex-direction 기준 수평 방향으로 자식박스 정렬 */ justify-content: center; /* flex-direction 기준 수직 방향으로..

CSS 란? css는 Cascading Style Sheets로 HTML이나 XML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어이다. 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌더링 되어야 하는지 지정한다. CSS 특성 특성에는 색, 크기, 정렬 등이 존재한다. div { color: red; color: rgb(255,0,0); /* RGB */ color: #FF0000; /* HEX 값 */ font-size: 20px; /* 글자크기 */ font-weight: 300; /* 글자두께 */ text-align: center; /* 가운데 정렬 */ font-family: arial; /* 글꼴 */ width: 300px; /* 넓이 */ height: 300px; /..