노마드 코더 kokoa clone 강의를 완강했다! 챌린지도 완주했다 :-) 졸업을 할 수 있을지 아직 모르겠지만,,ㅠ! JS강의 시작 전에 챌리지 기간 동안 매번 헷갈렸던 개념을 몇가지 정리하려고 한다.
1. padding, margin 한번에 쓸 때 방향
자세한 작성방법은 위 코드참고!
- 모든 방향이 다를때(시계방향으로)
- 상하 좌우가 각각 같을때
- 좌우는 같은데 상하가 다를때
- 모든 방향이 같을때
(+)
위의 코드가 실행된 모습을 보면, 맨 마지막 상자의 텍스트가 밖으로 넘친것을 볼 수 있다. 이문제를 해결하기 위해서는 overflow 속성을 이용하면 깔끔하게 정리할 수 있다.
2. float
: 텍스트 및 인라인 요소가 그 주위를 감싸는 배치를 하게해줌
자세한 작성방법은 위 코드참고!
-float의 기본 속성은 none 이다. 방향은 right, left로 나눌수 있다.
FE개발 공부중