# margin

24개의 포스트
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개의 댓글
post-thumbnail

HTML/CSS 06 : margin 과 width 의 관계 (Feat. Weegle 검색바)

저 Weegle 로고가 처음에 중간에 들어가질 않아서 2시간을 헤맸다. 저 로고를 중앙에 놓기 위해선 margin: 0 auto; 를 하면 될거라고 생각했다. 하지만 결과는 달랐다. 마진을 어떻게 정해도 계속 왼쪽에 align 이 되서 한참을 고민했다. 답은 <h

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

CSS 속성: 여백

요소의 외부 여백(공간)을 지정하는 단축 속성음수를 사용할 수 있다.margin-top, margin-right, margin-bottom, margin-left0: 외부 여백 없음 (기본값)auto: 브라우저가 여백을 계산, 가로(세로) 너비가 있는 요소의 가운데 정

2021년 7월 22일
·
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개의 댓글

CSS의 외부 여백(margin), 내부 여백(padding)

요소의 외부 여백, 내부 여백, margin, padding

2021년 5월 21일
·
0개의 댓글
post-thumbnail

Design #9 BUILDING YOUR FIRST WEB PAGE

본 블로그의 포스팅 내용은 Udemy Vako Shvili의 "Complete Web Design: from Figma to Webflow to Freelancing" 강의 내용의 일부입니다.

2021년 5월 21일
·
0개의 댓글
post-thumbnail

[CSS] margin 0 auto

css에서 수평중앙정렬하는 방법에 대해서 알아보려고한다.최신 기술 display : flex; justify-content : center;오래된 구 버전의 익스플로러 지원margin : 0 auto;

2021년 3월 15일
·
0개의 댓글

[TIL] DAY 2

1)자동줄바꿈2)너비값 미지정시 부모태그 너비값의 100%를 상속받음3)너비값과 높이값 지정 가능4)블록요소는 블록요소와 인라인요소를 모두 감쌀 수 있다.5)단, p태그와 h1시리즈 태그는 서식관련 요소이기 때문에 내부에 div나 다른 블록 요소를 자식으로 넣을 수

2021년 2월 17일
·
0개의 댓글

TIL - 마진을 벗어나는 width 잡기(boxSizing)

같은 것은 소용이 없었다. 자식은 부모의 너비를 이길 수 없다.부모 엘리먼트에게 마진을 주고 너비의 한계를 주자.그럼 자식 엘리먼트는 아무리 벗어나려고 해봤자 부모의 너비에서 멈춘다.이렇게 생각하니 조금 슬프군.

2020년 12월 21일
·
0개의 댓글

CSS - margin, padding 순서

or순서는 상우하좌 입니다. 시계방향으로 돌아감. 10px는 margin-top 의 값이고, 마지막에 나오는 25px는 margin-bottom이고 운데, 5px 가 좌우 margin 이다. margin: margin-top margin-bottom;margin: ma

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

CSS - margin: 0 auto;

공부를 하던 도중 해당 속성을 이용했더니 깔끔하게 중앙정렬이 되었다. 그래서 그 원리가 궁금했다. 😙😙여기서 0값은 위 아래 여백을 주지 않는다는 의미이다. 즉, margin: ;에서 값은 좌우위아래 여백을 뜻하고, 여기에 '0'이 놓여졌으므로 좌우 위 아래 여백을

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

HTML & CSS 4(box model, margin padding border)

HTML box model 위 그림이 html의 박스모델로 모든 html요소들에 적용된다. 주황색 부분이 margin 바로 안쪽 선이 border 그 안쪽 초록색 부분이 padding 그 안쪽 파란색부분, margin 배우기라는 텍스트가 있는 부분이 내가 넣는 내용이

2020년 11월 23일
·
0개의 댓글

CSS 스타일 초기화

브라우저가 가진 기본적인 CSS 스타일을 초기화할 수 있다❕❔

2020년 9월 28일
·
0개의 댓글
post-thumbnail

[CSS]CSS_3. Box Model

1\. 기본문법2\. 단위3\. Box model     3-1. 3-1. width, height, padding, border, margin 4\. Display property5\. 요소의 정렬&위치6\. 레이아웃7\. 수평 수직 중앙정렬8\. 기타box-siz

2020년 9월 21일
·
0개의 댓글
post-thumbnail

CSS 2.박스 모델

박스의 크기 박스 너비 = 내용물(content)너비+왼쪽 패딩+오른쪽 패딩+왼쪽 CSS테두리 테두리 스타일(모양), 색상,두께,둥근 테두리 지정 가능 => 모서리별 다른 스타일,두께 가능 border스타일 지정해야 다른 속성 사용 가능 각 변 별로

2020년 9월 17일
·
0개의 댓글