# Box Model

13개의 포스트
post-thumbnail

[CSS] 박스 모델(Box-Model)

박스 모델(Box-Model) 문서의 레이아웃을 계산할 때, 브라우저의 렌더링 엔진은 표준 CSS 기본 박스 모델에 따라 각각의 요소를 사각형 박스로 표현한다. CSS는 박스의 크기, 위치, 속성(색, 배경, 테두리 모양 등)을 결정한다. 하나의 박스는 네 부분(영역

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

TIL 06 | Box Model, Box type

Box model, box sizing, content-box, border-box, Box type, block, inline, inline-block

2020년 12월 10일
·
0개의 댓글
post-thumbnail

CSS Box Model

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. Box 모델 css를 사용하여 브라우저의 화면을 구성하기 위해서는 box 모델을 이해하는 것이 매우 중요하다. css의 property중에는 html의 박스타입에 영향을 주는 property가 있

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

HTML/CSS - Box model

meaningThe CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content.

2020년 11월 26일
·
0개의 댓글
post-thumbnail

Box Model

Box Model이라는 것을 매우 오랜만에 들어보았다.후배가 나에게 질문을 했을 때 단지 대답을 하면 되는 것이였지만, 난 그러지 못했다.생각해보니 css, html에 대해서 제대로 공부해 본적이 없는 것 같다. 만약 면접 질문에 이런게 나오면 난 어떻게 대답해야 하는

2020년 11월 20일
·
0개의 댓글
post-thumbnail

box-model

block 블록 요소는 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소 (기본값)해당 요소의 너비가 100%를 차지하기 때문에 왼쪽, 오른쪽에 다른 요소가 올 수 없다.너비나 마진, 패딩 등을 이용해 크기나 위치를 지정할 때 블록 레벨이여야 한다.대표적인

2020년 10월 20일
·
0개의 댓글
post-thumbnail

TIL34: CSS -2 / Box Model and Layout

Box Model and Layout

2020년 9월 23일
·
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 Box model

Box model을 알아보자

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

CSS 박스 모델(box-model)

css box-model 에 관련한 내용 간단하게 정리

2020년 3월 30일
·
0개의 댓글
post-thumbnail

CSS box model & Selector

'box model'이란 CSS에서 모든 HTML요소들을 기본적으로 아래의 그림과 같이 상자의 형태로 둘러싸여 있다는 것이다.Content : HTML 요소의 내용이 들어간다.Padding : HTML 요소를 감싸는 박스와 요소간의 여백이다.Border : HTML 요

2020년 3월 16일
·
0개의 댓글

CSS 박스 모델에 대하여 알아보자.

이 글은 디자이너와 개발자가 박스 만드는 방법의 차이점을 알려드리고, 조금 더 개발자 친화적으로 디자인 가이드를 만드는 방법을 소개해줍니다.

2020년 1월 24일
·
0개의 댓글