# margin

웹 프로그래밍 3일차(실습)
꿀팁div class빠르게 적는방법①div.div1②.div2"."이 클래스를 의미하기 때문에 .div2라고 적어도 바로 div class가 나온다.참고자료:(무료html 템플릿)https://www.free-css.com/free-css-templates(
5월26일 개발일지
오늘도 css와 관련된 수업을 들었다. html 을 기본으로스타일을 주어 꾸미는 작업을 하였다. 어려웠던 점으로 width나margin, padding을 주어 크기를 조절하는 작업이 어려웠고해결 방법으로 내가 연습하며 익숙해져야 겠다.오늘 강의도 유익한 내용을 배웠다.

margin을 사용한 요소 중앙 배치
.inner에 margin: 0 auto; 값을 부여하자margin: 상하 좌우; margin 속성에서 값이 2개일 경우 첫 번째 값은 top과 bottom두 번째 값은 left와 right위의 코드에서 top과 bottom에는 0으로 값이 주어지지 않지만 left,

[TIL] #1 (CSS) Margin & Padding, Border
(2022. 05. 23.) margin과 padding, border 정리
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 이지만 보더 영역이 있다