# boxmodel

jhyun_k

HTML의 요소는 박스 구성으로 이루어져 있다 > content box : 요소의 콘텐츠가 표시되는 영역 width 와 height 속성으로 제어 padding box : 콘텐츠와 테두리 사이의 공간 border box : 콘텐츠와 패딩을 둘러싸는 테두리 margin

stsoul47

CSS box모델에 대한 정리

csongin

레이아웃 구성 웹사이트 만들기에 앞서 전체적인 구조를 먼저 짜는것이 중요하다. 최소한 header, nav, main, sidebar, footer 영역을 구분하는 정도는 알고 있는게 필요하다. flex, grid 레이아웃을 어느정도 구상하였다면, 본격적으로 내가

eunji0828

박스 모델과 overflow

cjfals3154

Web > 매 강의마다 새로운 태그와 언어를 알아는 것은 늘 흥미롭다. 이번 시간에는 grid 언어와 boxmodel에 대한 기초적인 내용을 배우고 그것을 활용해 보는 시간을 가졌다. 1.선택자, 속성, 속성값 검색의 중요성과 스스로 찾으며 알아가는 공부법 2.

palza4dev

CSS 개념과 사용법에 대해

leeyou31

TIL라고 말하긴 어렵지만 최근 2틀간 box model과 grid를 배웠다.일단 Box model 배운 내역들을 적고자한다.이번시간을 통해 배운 box model의 사용은웹 페이지를 구획으로 나눌때 사용했다.몸이 익숙해지 전까진 css box model을 인터넷 구글

younoah

box model에 대해 알아보자.

pika

box-sizing : content-box; 기본값. box-sizing : border-box; : 테두리 두께와 패딩이 전체 박스 사이즈에 포함. 박스의 높이와 넓이 고정. > ![](https://images.velog.io/images/pika/post/d

juya_

📦 CSS Box Model ✏️ content : 콘텐츠가 있는 상자 (width/height) ✏️ padding : 안쪽 여백 ✏️ border : 테두리 >🔎 특징 굵기, 스타일, 색상 지정 필수 (ex:px, solid, blue) border-ra

link717

※box model . height/width: 웹페이지에 공간을 정의 할 때 사용한다. 특정한 수치로 공간을 정의하면 웹에서는 문제없지만 모바일 환경에서는 사이즈가 맞지 않을 수 있다. > p { border: 3px solid coral; } . border

teddybearjung

css는 selector part 와 property part로 나누어져 있다.selector part : 생각하는 모든? 대부분의 태그 이름이 해당되며 여기에는 ID, class ( : 태그, 링크, 문단, 헤더, 푸터, div 등등property part : 소문자

teddybearjung

컨텐츠의 높이와 너비 : px로 나타낼 수 있음, %는 부모요소대비 (가령 body 대비) 몇 %로 설정할지 정하는 것.border 의 속성값 : width, style, color 가 있음width : 보더의 굵기를 나타내며 px 또는 문자로 지정한다. 문자 지정시