# margin

64개의 포스트
post-thumbnail

TIL) 0325 재현쌤의 HTML, CSS 특강

독립적으로 존재할 수 있는 구획, 다른 페이지에서 느닷없이 나와도 괜찮다.네이버 페이지를 예로 들자면, 메인 페이지가 아닌 다른 페이지에 있어도 이상하지 않은 것 (보통 위젯 같은 것을 만들 때 article로 만든다. 날씨 위젯, 다크모드로 보기 위젯 등) 연

7일 전
·
0개의 댓글
·
post-thumbnail

CSS 기초 (박스 모델)

🤔 Box-model(박스 모델)이란? 모든 HTML 요소는 박스(box) 모양으로 구성되며, 이것을 박스 모델 이라고 한다. 박스 모델은 HTML 구성 요소를 패딩(padding), 테두리(border), 마진(margin), 컨텐츠(content)로 구분한다.요소

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

CSS D01

Casacading Style SheetsHTML 태그에 옷(=디자인)을 입혀주는 기법문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄여준다.CSS는 HTML문서 내의 어느 위치에나 올 수 있지만, 일반적으로 head 태그 안에 위치한다.CSS코드

2023년 2월 21일
·
0개의 댓글
·
post-thumbnail

[CSS] margin 과 padding

패딩은 마진이 안 남아

2023년 2월 16일
·
0개의 댓글
·

[CSS] margin: 0 auto; 가운데 정렬이 되지 않을때

auto는 자동으로 사이즈를 설정해주는 것이다.그러므로 가로폭의 사이즈를 정확하게 인식할 수 있어야 정렬이 가능하다.margin: 0 auto; 가 반응하지 않을 때에는 해당 영역의 가로 사이즈가 제대로 설정되어 있는지 확인해보고, 만약 되어 있지 않다면 width 태

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

마진 상쇄, 마진 겹침(Margin Collapse)의 원인과 해결방법

HTML/CSS는 공부하면 할수록 어려운 파트인 것 같다. 자바스크립트보다 상대적으로 배워야할게 적어서 쉽사리 무시하는 경향이 있는데, 어렴풋이 대충 공부하다가 나처럼 항상 이런 얼토당토 않는 일들로 뒤통수를 한대씩 얻어 맞는다.Margin Collapse의 현상은 위

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

[CSS] 박스 모델(1) 2-6

inline이 아닌 요소는 width와 height로 크기를 조절할 수 있다.부모의 길이에 상대적인 %뷰포트(viewport) 너비와 높이의 1/100 단위인 vw와 vh이들 중 큰 것과 작은 것의 1/100 단위인 vmax와 vmin(텍스트가 한 줄일 경우) heig

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

[Flutter] ListView 상단에 의도하지 않은 margin/padding이 생기는 경우

Sliver처럼 다른 height를 건드리는 Widget 안에 ListView를 넣는 경우, 종종 ListView 상단에 코드에는 없는 margin이나 padding이 생겨서 의도보다 사이 공간이 더 벌어져 있는 경우가 있다.(추측이지만, ListView를 Sliver

2023년 1월 8일
·
0개의 댓글
·
post-thumbnail

2022.12.27 개발일지(2)

개발일지(1)에서 만든 페이지의 내용을 가운데로 가져오려면 어떻게 해야할까

2022년 12월 27일
·
0개의 댓글
·

ConstraintLayout

이번 벨로그에서는 실습이 아닌 ConstraintLayout에 대하여 다뤄보려 한다. ConstraintLayout은 레이아웃 XML 파일을 만들면 기본으로 작성되어 있으며, 개발자가 꼭 이용해야 하는 것은 아니다. ConstraintLayout은 RelativeLay

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

CSS 배우기

CSS로 전에 만든 로그인페이지 꾸며주기

2022년 11월 8일
·
0개의 댓글
·
post-thumbnail

margin: 0 auto 의 조건

margin: 0 auto가 작동하지 않는 조건

2022년 11월 1일
·
0개의 댓글
·
post-thumbnail

[HTML]div, span 여백 특징(margin)

줄바꿈이 가능하다.텍스트를 표헌할 때 박스 단위로 구역을 정한다.width, height 지정이 가능하다.(박스단위 구역이기 때문)\*\* 아쿠아마린 컬러가 div 코랄컬러가 spanspan의 margin은 양 옆으로만 적용이된다.div의 margin은 4방향 모두 적

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

Andorid UI - Margin & Padding

정의 Margin :

2022년 10월 16일
·
0개의 댓글
·
post-thumbnail

[CSS] Margin / Padding

Margin 과 Padding 주황색은 margin 영역. 위, 오른쪽, 아래, 왼쪽에 모두 20px 노란색은 border 영역. 보더의 두께는 5px, 색상 빨강 초록색은 padding 영역. 위, 오른쪽, 아래, 왼쪽에 모두 50px 요소의 가로는 273px, 세

2022년 10월 9일
·
0개의 댓글
·
post-thumbnail

[ CSS ] Margin과 Padding

✅ Box Model 이해하기 "상자모델", 디자인과 레이아웃에 대해 이야기할때 사용 기본적으로 모든 html요소를 감싸는 상자를 말한다 여백(padding, margin), 테두리(border), 실제 콘텐츠(content)로 구성된다 1. content : 텍스트나 이미지 등이 표시되는 내용 2. padding : content 안쪽 여백 3. bo...

2022년 10월 8일
·
0개의 댓글
·
post-thumbnail

[2022.09.29(Th)] CSS - Basics (2)

A website is made up of many different kinds of boxes which surrounds each element that is created by HTML.The most common type of box is a div.When a

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

[CSS] 마진상쇄 해결방법

✍️ 작성 위와 같이 작성했을때,💻 출력글자는 margin값이 적용되지 않은 것을 확인 할 수 있다.부모 태그인 main의 margin:auto에 상쇄되어 작동하지 않는것인데 이럴때는부모태그에display:display: inline-block를 작성해주면 된다. ✍

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

SVM 개론

(사진 출처 : https://medium.com/@viveksalunkhe80/support-vector-machine-svm-88f360ff5f38)

2022년 8월 10일
·
0개의 댓글
·