fit-content
==> 글씨 크기를 딱 맞춰준다!
큰 블럭 안 %안에 있는 것들은 대부분 fit 을 써준다
(당연히 %안에다가 px 써주면 좀만 바뀌거나 사용자 환경에 따라 망할 수 있기에)
px는 각자 상대적이기 때문에 잘 안쓴다
==> 버튼이나 홈페이지 로그 등 에서만 쓴다!!
width는 부모가 브라우저인 상태에서도 쓸 수 있다
100퍼센트가 명확하니까..
근데 101퍼센트도 가능함=> 그러면 길이가 늘어난다!
그런데
height 는 퍼센트 쓰면 안됨
높이가 무한대이기 때문이다!!!
display (요소의 속성을 바꾸는 거임)
1. block
말그대로 block 의특성을 지닌다
width= 부모 상속
height=자식으로 부터 받음
2. inline-block
거의 그냥 block인데
block은 수직으로 밖에 못쌓는데 inline-block은 옆으로 쌓을 수 있다.
사실상 이게 되게 큰듯 그냥 inline의 상위호환임.
초기 width 와 height 가 둘다 inline 임
3. none
사라지게 됩니다!
4. inline
음... 생략
5. flex
개대박 중요한듯
일단 이게 현업에서 많이 쓰이는 듯한데...
이번주 과제랑도 연관되어 있음!!!!!!
position
움직이게 하려면
top/bottom/right/left 쓰면 됩니당~~
1. static
가장 기본이 되는 거임
top... 등등 써도 의미없음
2. relative
top.. 등등이 먹힘 그냥 뭐랄까 공간은 차지하는데 제2의 공간이 움직인다는 느낌이랄까???
3. fixed
고정입니다!!! 광고 배너에 쓰입니다
4. absolute
fixed 랑 똑같아 보이지만, 도화지 위에 붙이는 느낌입니다!