강의
https://www.youtube.com/watch?v=jWh3IbgMUPI
display--------------------------------------------
div=블럭레벨
span=인라인레벨
레벨에 따라 기본값이 다르다
그걸 display로 컨트롤한다
block=한줄에 하나씩
inline-block=한줄에 여러개
inline=내용이 있어야나옴 사용시 안의 내용에 물건의 크기에 따라 움직임
position--------------------------------------------
포지션은 기본값이 static static=왼쪽위가 기준
relative=원래 자리에서 상대적이동
absolute=담겨있는 상자 기준으로 이동
fixed=상자에서 나와서 윈도우에서 움직임
sticky=스크롤링시에도 유지
https://github.com/novb1492/study-css/tree/display-position
GitHub - novb1492/study-css
Contribute to novb1492/study-css development by creating an account on GitHub.
github.com
'Css' 카테고리의 다른 글
| 유튜브 클론코딩하기(css만 레이아웃 위주) (0) | 2022.08.29 |
|---|---|
| 첫 반응형 네비바만들기 (0) | 2022.08.28 |
| flex-box (0) | 2022.08.26 |