✏️/CSS (10) 썸네일형 리스트형 [CSS] margin, padding / 차이점 width = width + (padding*2) + (border*2) px 📌 padding vs margin padding, border => width에 관여 margin => width에 관여 X (공간들끼리 서로 밀어내는 것) margin: 0 auto; : 가운데 정렬 box-sizing: border-box; : border가 width에 영향 주지 않게 해준다. margin이 겹치면, 더 작은 margin이 상쇄된다. 자식 margin이 부모를 넘어가면 미적용된다. => 그러므로, 부모가 padding을 가지는 것 > 자식이 margin을 가지는 것 자식 margin과 부모 padding은 섞이지 않는다. +된다. , 태그 등은 기본적으로 margin 값을 가지고 있다. css에서 속성은.. [CSS] font / background / border 속성 정리 css에서 속성은 '시계 방향'으로 적용 4개일 때 : top right bottom left 2개일 때 : x축(top, bottom) y축(left, right) 1개일 때 : all 🔗 Font color : 텍스트 색상 font-size : 텍스트 사이즈 default : 16px font-weight : 텍스트 굵기 · 100 : thin · 300 : light · 400 : regular · 500 : medium · 700 : bold · 900 : extrabold letter-spacing : 자간 (글자 간격) word-spacing : 단간 (단어 간격) white-space · normal : width에 맞추어 자동으로 줄바꿈 default · nowrap : width에 상관없.. 이전 1 2 다음
