목록코딩 공부 노트/CSS (3)

sooleeandtomas

CSS등 관련 나의 옛날 블로그 링크

https://blog.naver.com/nbsp3 Papa : 네이버 블로그 @oizisui blog.naver.com
코딩 공부 노트/CSS 2021. 9. 12. 14:29
BOX-MODEL

CSS의 box-model 에서 블록요소의 영역을 차지하는 CSS속성은? CSS의 block이란? CSS에 포함되는 모든 요소의 외장은 박스입니다. 이 박스를 이해하는 것은 CSS을 통해 레이아웃을 생성하거나, 아이템과 다른 아이템을 정렬하는 것을 가능하게 합니다. CSS 박스엔 두가지가 있습니다. 블록 박스 block : 1. 상위 콘테이너에서 사용 가능한 공간을 채웁니다. 2. 새 줄로 행갈이합니다. 3. width, height 값이 존중됩니다. 4. 패딩과 여백, 테두리로 인해 다른 요소들이 박스로부터 밀려납니다. 예) header, footer, p, li, table, div, h1, address, article, aside, ol, video, table, form 인라인 박스 inline..
코딩 공부 노트/CSS 2020. 12. 11. 00:41
Float clearing

floating clearing을 안하면 발생하는 일! float을 사용하는 이유: 한글2020과같은 문서파일에서 텍스트들 사이에 이미지를 넣고 싶을 때, float을 사용하면 이미지들 사이에 이미지가 껴 들어갑니다. 여기서 float:left의 속성이 시작되지 않았나 하는 생각이 듭니다. 원래의 시작은 inline-block 의 단점을 보완하고자 나온 속성 인 듯합니다. 지금은 flex, gridbox와 같은 쓰기 좋은 속성들이 나왔지만, 이 전에는 float이 많이 쓰였다고 합니다. position:absolute를 사용하면 되지 않나요? position:absolute의 경우, 주변 요소들을 리사이징 할 때, 같이 reflow되지 않습니다. float의 경우, 주변 요소들을 리사이징 할 때, 같이 ..
코딩 공부 노트/CSS 2020. 12. 10. 23:57
이전 Prev 1 Next 다음