CSS Flexbox 연습 사이트
Flexbox Froggy
A game for learning CSS flexbox
flexboxfroggy.com
https://cdpn.io/pen/debug/adLPwv
CodePen - Flexbox playground
cdpn.io
CSS 선택자 연습 사이트
CSS Diner
A fun game to help you learn and practice CSS selectors.
flukeout.github.io
display
- block : 너비 최대, 수직 배열, flex
- inline-block : 너비 최소, 수평 배열, inline
position
- static : 기본값
- relative : 원래 위치를 기준으로 이동, 하위 요소의 울타리 역할
- absolute/fixed : 가장 가까운 상위 요소를 기준으로 이동, 하위 요소의 울타리 역할
테일윈드
사용하기
<script src="https://cdn.tailwindcss.com"></script>Cheat sheet
https://nerdcave.com/tailwind-cheat-sheet
Tailwind CSS Cheat Sheet
nerdcave.com
'프로젝트 & TIL > 일별 공부 기록 (백엔드 스쿨)' 카테고리의 다른 글
| 17일차 - 스프링부트 Component, Autowired (0) | 2023.03.15 |
|---|---|
| 16일차 - 스프링부트 (0) | 2023.03.14 |
| 14일차 - DB index (0) | 2023.03.10 |
| 13일차 - DB 쿼리(2) (0) | 2023.03.09 |
| 12일차 - DB 쿼리(1) (0) | 2023.03.08 |
