728x90 반응형 쫑뚱이의 백과사전10 CSS - display(3) grid와 item CSS - display(3) grid와 item 오늘은 저번 시간에 다뤘던 display에서 grid에서 item과 관련된 속성에 대해 알아보겠습니다. 저번 시간 내용을 정리해 보면 grid는 엑셀과 비슷하게 구성되어 있으며 행과 열을 지정해서 원하는 위치에 배치하는 형태로 디자인을 합니다. grid는 겉에 container와 안에 item들로 구성되어 있습니다. container와 관련된 속성으로 행과 열, 행과 열 간의 사이 값과 같은 박스를 만들어주고 item과 관련된 속성으로 원하는 위치에 태그라는 아이템을 배치해서 디자인할 수 있다는 것을 설명드렸습니다. 저번 시간에는 grid에 관련한 내용과 conainer와 관련된 기본적인 속성에 대해 알아보았었는데요. 오늘은 그중 item과 관련된 기본적.. 2022. 7. 22. CSS 미디어 쿼리(Media Query) CSS 미디어 쿼리(Media Query) 오늘은 저번 시간에 다뤘던 반응형 웹, 적응형 웹 중 현재 가장 많이 사용되는 반응형 웹 디자인에서 기초적으로 사용되는 미디어 쿼리(Media Query)를 알아보겠습니다. 반응형 웹을 간단하게 정리하면 웹 사용자들이 사용하는 디바이스에 따라 보기 편하게 변화하는 웹 디자인입니다. 그래서 반응형 웹을 사용하는 대표적인 홈페이지로 애플을 예로 들었습니다. 만약 안 들어가 보셨다면 꼭 가서 반응형 웹에 대해 경험해보셨으면 좋겠습니다. 미디어 쿼리는(Media Query) CSS에서 사용하는데 화면의 크기에 따라 텍스트의 크기나 이미지의 크기, 버튼의 생성 여부 등의 변화를 부여하여 반응형 웹을 만들 수 있습니다. 작성 예시를 보여드리면 '@media (조건){선택자.. 2022. 7. 20. 이전 1 2 3 다음 728x90 반응형
