![[CSS, 책리뷰] 새로운 CSS 레이아웃 - 살펴보기#1 (CSS LAYOUT, float, flex-box, BFC, grid) 포스팅 썸네일 이미지](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FwFQTi%2FbtrjXEcfE4p%2FAAAAAAAAAAAAAAAAAAAAAOqNQWU7g1naeod1SQWTxbTuE597pRCavbafNPwwdFXs%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3D82j%252BdBzY21c%252By6lIhwIfSfxoqzM%253D)
개발일기/CSS
[CSS, 책리뷰] 새로운 CSS 레이아웃 - 살펴보기#1 (CSS LAYOUT, float, flex-box, BFC, grid)
CSS 전체를 다루는 책이 아닌 CSS 레이아웃에 대한 책이다. 지인 추천과 목차를 보고 마음에 들어 구매하게 되었다. http://www.yes24.com/Product/goods/60715949 float, flex, grid 등을 다루면서 CSS 레이아웃 과거부터 현재 그리고 미래를 다룬다. 목차 순서대로 리뷰해보겠다. 이번 포스팅은 1장, 2장 3장을 정리했다. 제1장 우리가 지나온 길 float 문제 .cards li { float: left; width: calc(33.333333333% - 20px); margin: 0 10px 20px 10px; background-color: darkorange; } card1 테스트입니다.테스트입니다.테스트입니다.테스트입니다. card2 테스트입니다.테..
