# margin

36개의 포스트
post-thumbnail

2022. 04. 26 CSS

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

2022년 4월 25일
·
0개의 댓글
post-thumbnail

당신이 몰랐던 마진 상쇄(margin collapsing)현상의 이유 요약

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

2022년 4월 25일
·
0개의 댓글
post-thumbnail

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‏‏‎

2022년 4월 25일
·
0개의 댓글

06. 자주 쓰이는 CSS 연습하기

margin은 바깥 여백을, padding은 내 안쪽 여백을 만든다.width를 주고, margin: auto를 사용한다.그래도 안되면 display:block을 추가한다.

2022년 4월 25일
·
0개의 댓글
post-thumbnail

box - model

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

2022년 4월 22일
·
0개의 댓글
post-thumbnail

1주차 (CSS - margin, padding)

margin, padding 개요 margin

2022년 4월 5일
·
0개의 댓글
post-thumbnail

margin과 padding

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

2022년 4월 5일
·
0개의 댓글
post-thumbnail

[2022.04.03] CSS margin collapsing

margin이 결합(상쇄)되는 현상을 margin collapsing이라고 한다.MDN 문서를 참고하여 정리하였다.인접 형제부모와 자식의 마진이 겹칠 때높이가 0인 빈 블록(block)의 상하 마진이 겹칠 때인접 형제라는 말이 솔직히 마음에 들지는 않는다. 틀린 말은

2022년 4월 3일
·
0개의 댓글
post-thumbnail

[HTML/CSS] margin auto 오류

우리가 흔히 div 박스를 정렬할 때, 이런식으로 가운데 정렬을 자주 하곤한다.하지만 결과를 확인해보면 항상 답답하게 가운데 정렬이 아무리 해도 안되어있다.처음에는 내가 실수한건가 싶어서 다른 아무곳이나 margin-left: auto; margin-right:auto

2022년 2월 23일
·
0개의 댓글
post-thumbnail

[CSS] 마진(margin)과 패딩(padding)

웹 페이지에서 마진(margin)과 패딩(padding)은 여백 공간을 의미합니다. 마진과 패딩을 잘 활용하면 웹 페이지 상에서 원하는 공간에 콘텐츠를 삽입할 수 있게됩니다. 그렇다면 마진과 패딩은 무엇을 뜻하고 이들을 어떻게 사용해야 할까요?웹 페이지에 요소를 삽입하

2022년 2월 15일
·
0개의 댓글

CSS 기초 코드 정리

head-style에 입력(전체는 \*사용, body에서 class 지정 후 .(class)로 사용)이미지 삽입 시body에 div class="(ex)item_image"head-style에 .item_image { width: (원하는 크기) (ex) 500px

2022년 2월 15일
·
0개의 댓글
post-thumbnail

How to choose margin in triplet loss?

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

2021년 12월 29일
·
0개의 댓글
post-thumbnail

[HTML] span, margin

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

2021년 10월 29일
·
0개의 댓글
post-thumbnail

211001_CSS(4) _box-model

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

2021년 10월 1일
·
0개의 댓글
post-thumbnail

[CSS] Box Model

Box Model의 margin, border, padding 영역과 관련된 내용을 다룬다.

2021년 9월 29일
·
0개의 댓글
post-thumbnail

박스 모델

content: 태그 사이의 내용padding: 내용과 보더와의 간격border: 사각 경계선margin: 보더 바깥의 빈 공간width height 기준을 border-box 로 잡는다. (이게 없으면 가로길이 = 2padding + 2border-width + co

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

[대구AI스쿨] TIL 210702

margin 속성은 요소의 네 방향 바깥 여백 영역을 설정한다. margin-top, margin-right, margin-bottom, margin-left의 단축 속성이다.margin 속성은 한 개, 두 개, 세 개, 혹은 네 개의 값으로 지정할 수 있다.CS

2021년 7월 2일
·
0개의 댓글
post-thumbnail

IOS) Storyboard에서 margin 설정하기

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

2021년 6월 29일
·
0개의 댓글
post-thumbnail

[CSS] margin과 padding 사용법

CSS의 스타일 속성 margin과 padding에 알아봅니다.

2021년 5월 30일
·
0개의 댓글