# margin

12개의 포스트

TIL - 마진을 벗어나는 width 잡기(boxSizing)

같은 것은 소용이 없었다. 자식은 부모의 너비를 이길 수 없다.부모 엘리먼트에게 마진을 주고 너비의 한계를 주자.그럼 자식 엘리먼트는 아무리 벗어나려고 해봤자 부모의 너비에서 멈춘다.이렇게 생각하니 조금 슬프군.

2020년 12월 21일
·
0개의 댓글
post-thumbnail

TIL #8 : [CSS] margin: 0 auto?

margin: 0 auto의 근본적 의미 + 적용하기 위한 조건

2020년 12월 13일
·
0개의 댓글

CSS - margin, padding 순서

or순서는 상우하좌 입니다. 시계방향으로 돌아감. 10px는 margin-top 의 값이고, 마지막에 나오는 25px는 margin-bottom이고 운데, 5px 가 좌우 margin 이다. margin: margin-top margin-bottom;margin: ma

2020년 12월 8일
·
0개의 댓글

CSS - margin: 0 auto;

공부를 하던 도중 해당 속성을 이용했더니 깔끔하게 중앙정렬이 되었다. 그래서 그 원리가 궁금했다. 😙😙여기서 0값은 위 아래 여백을 주지 않는다는 의미이다. 즉, margin: ;에서 값은 좌우위아래 여백을 뜻하고, 여기에 '0'이 놓여졌으므로 좌우 위 아래 여백을

2020년 12월 8일
·
0개의 댓글

HTML & CSS 4(box model, margin padding border)

HTML box model 위 그림이 html의 박스모델로 모든 html요소들에 적용된다. 주황색 부분이 margin 바로 안쪽 선이 border 그 안쪽 초록색 부분이 padding 그 안쪽 파란색부분, margin 배우기라는 텍스트가 있는 부분이 내가 넣는 내용이

2020년 11월 23일
·
0개의 댓글

CSS 스타일 초기화

브라우저가 가진 기본적인 CSS 스타일을 초기화할 수 있다❕❔

2020년 9월 28일
·
0개의 댓글
post-thumbnail

[CSS]CSS_3. Box Model

1\. 기본문법2\. 단위3\. Box model     3-1. 3-1. width, height, padding, border, margin 4\. Display property5\. 요소의 정렬&위치6\. 레이아웃7\. 수평 수직 중앙정렬8\. 기타box-siz

2020년 9월 21일
·
0개의 댓글

블록 요소와 인라인 요소

블록 요소와 인라인 요소.. 그리고 인라인-블록 요소???

2020년 9월 16일
·
0개의 댓글
post-thumbnail

[TIL] Border, Margin

위의 그림을 해석해보자면,• 주황색은 margin 영역, 위, 오른쪽, 아래, 왼쪽에 모두 50px• 노란색은 border 영역, 보더의 두께는 5px이다.• 초록색은 padding 영역, 위, 오른쪽, 아래, 왼쪽에 모두 50px• 요소의 가로는 273px, 세로는

2020년 5월 25일
·
0개의 댓글
post-thumbnail

margin과 padding을 쓰는 기준?

없다. 정답은. 그러나 자신 나름대로의 기준이 있는 것이 좋겠다.만약 초기 레이아웃 구성하는데 nav와 header는 padding으로 레이아웃은 구분해놓고 footer부분은 margin으로 구분한다면 코드관리에 불편하지 않겠는가?

2020년 4월 26일
·
0개의 댓글