# margin

ses2201

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

hoonnn

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

kurong

nth-child, margin, padding

csj20222

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

w0_0727

패딩은 마진이 안 남아

tnsdlznf23

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

josh_yeom

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

mike7643

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

sumong

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

moonchloe

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

so__ok

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

xx9595

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

dpfla73

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

growgrow_up

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

imo

정의 Margin :

x_sunyoung

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

seonday

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

hjbaek5796

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

cherry_eong

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

amin

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