목록border (2)

Dog foot print

[css] box-sizing에 대하여

우리 자스민 그룹원들이 공부를 매일 안 해서 조금 걱정이다... 아마 내가 이 글을 오늘 단톡방에 올려도 클릭해서 보지 않을 것 같다. 만약 이글을 자스민 그룹원들이 본다면 호형 멋쟁이라고 카톡에 올려주길 바란다. box-sizing box모델은 다음과 같이 ''content, padding , border, margin " 으로 이루어져 있다. 우리는 box모델의 크기를 제어하기 위해서 width 나 height를 적용한다. 그러나 해당 box모델에 padding 값이나 border 값을 할당한다면 우리가 주었던 width와 height 값을 넘어서 padding + border + width 값으로 해당 box 모델이 결정된다. 그러나 개발자가 padding을 사용하더라도 boder + padding..
CSS 2019. 7. 23. 00:17
[css] box의 구성 padding 과 margin .

모든 html의 요소는 사각형의 박스 모델을 가지고 있다. 이는 해당 요소가 동그랗게 생겨도 삼각형의 이미지를 가지고 있더라도 사각형의 박스를 가지고 있다. 이유는 html요소는 내부에 contents 이외에 padding , border, margin 으로 이루어져있기 때문이다. padding padding 속성은 border 윤곽선과 컨텐츠 사이의 여백이다. padding-top : border의 상단 부분과 컨텐츠의 여백 padding-right : border의 오른쪽 부분과 컨텐츠의 여백 padding-bottom : border의 아래 부분과 컨텐츠의 여백 padding-left : border의 왼쪽 부분과 컨텐츠의 여백 padding : 1px 1px 1px 1px 맨 처음 부터 위, 오른..
CSS 2019. 7. 5. 00:02
Prev 1 Next