CSS

CSS 쉽게 말하면, HTML문서를 꾸밀 때 사용하는 스타일 시트 언어이다.

데스크톱 웹 환경에서 모바일 웹 환경으로 헤게모니가 이동하면서 모바일부터 데스크톱까지, 화면의 사이즈가 제각각인 다양한 기기(Device)에서 어떻게 일정한 사용자 경험을 제공할지 고민해야한다. 모바일에서는 모바일에 최적화된 웹 페이지를 보여주는 것이 웹의 표준이 되었는데, 이를 구현토록 하는 것이 바로 반응형 웹과 적응형 웹의 개념이다. 적응형 디자...

Media Query의 지정방법 미디어 쿼리를 이용해서 CSS에 적용하는 방법은 3가지가 있습니다. 1. HTML의 HEAD의 LINK 태그에 media속성에 지정하기 2. CSS 파일내에서 @media 지정하기 3. CSS 파일내에서 import하기 미디어 쿼리 적용방법 이제 위에서 알아본 3가지 meia query의 적용방법의 형식 1. HTM...

레이아웃 배치 전용 기능으로 고안된 Flex는 기존 사용하던 float나 inline-block 등을 이용한 기존 방식보다 훨씬 강력하고 편리한 기능들이 많다.

flex 아이템에 적용하는 속성들 유연한 박스의 기본 영역 : flex-basis flex-basis는 flex 아이템들의 기본 크기를 설절한다. (flex-direcrion이 row일 때는 너비, column일 때는 높이) flex-basis의 값으로는 width와 height 등에 사용하는 각종 단위의 수를 사용할 수 있고, 기본값으로는 auto ...