# margin
2022. 04. 26 CSS
블럭레벨의 태그를 사용할 때 수평 가운데로 넣고 싶다면 margin:auto를 사용하면 된다.text 말고 다른 정렬을 할 때도 많이 쓴다.center를 이용하면 가운데 정렬이 가능하지만 블록레벨의 태그에 적용하면 되지 않는다이럴 때는 margin: auto를 이용해야

당신이 몰랐던 마진 상쇄(margin collapsing)현상의 이유 요약
마진상쇄가 일어나는 것은, 문서에 비유해서 생각하면 왜 발생하는지 이해하기가 쉽다.또한 margin을 적어도 n픽셀의 빈 공간이 있어야 한다고 생각한다면, 마진상쇄 현상을 이해하기 쉽다.

CSS BOX
CSS BOX image CSS BOX image CSS BOX image CSS BOX imageCSS BOX image CSS BOX image CSS BOX image CSS BOX imageCSS BOX image
06. 자주 쓰이는 CSS 연습하기
margin은 바깥 여백을, padding은 내 안쪽 여백을 만든다.width를 주고, margin: auto를 사용한다.그래도 안되면 display:block을 추가한다.

box - model
!youtube_3xFkIfc-5U각 태그들이 웹 페이지에 표현될 때사각형의 형태(box)로 그 태그의 부피감을 결정한다박스모델 관련 속성들width, height, margin, padding, display, border ...margin : 태그와 태그 사이의 여

margin과 padding
마진은 컨텐츠 외부에 여백을 주는 방식패딩은 컨텐츠 내부에 여백을 주는 방식margin은 여백을 줬을 때 컨테츠 크기는 그대로padding은 여백을 줬을 때 컨텐츠 크기가 커짐

[2022.04.03] CSS margin collapsing
margin이 결합(상쇄)되는 현상을 margin collapsing이라고 한다.MDN 문서를 참고하여 정리하였다.인접 형제부모와 자식의 마진이 겹칠 때높이가 0인 빈 블록(block)의 상하 마진이 겹칠 때인접 형제라는 말이 솔직히 마음에 들지는 않는다. 틀린 말은
.png)
[HTML/CSS] margin auto 오류
우리가 흔히 div 박스를 정렬할 때, 이런식으로 가운데 정렬을 자주 하곤한다.하지만 결과를 확인해보면 항상 답답하게 가운데 정렬이 아무리 해도 안되어있다.처음에는 내가 실수한건가 싶어서 다른 아무곳이나 margin-left: auto; margin-right:auto

[CSS] 마진(margin)과 패딩(padding)
웹 페이지에서 마진(margin)과 패딩(padding)은 여백 공간을 의미합니다. 마진과 패딩을 잘 활용하면 웹 페이지 상에서 원하는 공간에 콘텐츠를 삽입할 수 있게됩니다. 그렇다면 마진과 패딩은 무엇을 뜻하고 이들을 어떻게 사용해야 할까요?웹 페이지에 요소를 삽입하
CSS 기초 코드 정리
head-style에 입력(전체는 \*사용, body에서 class 지정 후 .(class)로 사용)이미지 삽입 시body에 div class="(ex)item_image"head-style에 .item_image { width: (원하는 크기) (ex) 500px

How to choose margin in triplet loss?
Triplet loss란 Constrasitive loss의 일종으로써, 샘플된 두 개의 후보군 (positive and negative)에 대해 positive는 가깝게 negative는 멀리 배치되게 하는 방법이다.Anchor ($a$) , Negative ($n$

[HTML] span, margin
일부분만 스타일 지정하기위해 부여하는태그 -inline margin : 50px 상하좌우 margin: 20px(상하) auto(좌우) margin: 4개 다하면 시계방향 = = 줄이 안바뀜= 줄바뀜 body *{ /* margin-top mar

211001_CSS(4) _box-model
content: 콘텐츠가 표시되는 영역 width, height(진짜 내용을 담고 있는 핵심 박스)padding: 콘텐츠와 테두리(border)사이의 여백 (공백 영역)border : padding 과 margin 사이의 테두디 기본값음 0px 이지만 보더 영역이 있다

박스 모델
content: 태그 사이의 내용padding: 내용과 보더와의 간격border: 사각 경계선margin: 보더 바깥의 빈 공간width height 기준을 border-box 로 잡는다. (이게 없으면 가로길이 = 2padding + 2border-width + co
[대구AI스쿨] TIL 210702
margin 속성은 요소의 네 방향 바깥 여백 영역을 설정한다. margin-top, margin-right, margin-bottom, margin-left의 단축 속성이다.margin 속성은 한 개, 두 개, 세 개, 혹은 네 개의 값으로 지정할 수 있다.CS

IOS) Storyboard에서 margin 설정하기
스토리보드에서 마진을 설정하는것은 간단하다. 우선, 스토리보드에서 마진을 설정해주고 싶은 뷰를 선택하고