# 박스모델

8개의 포스트
post-thumbnail

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

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

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

[HTML] html 정리 요약

html의 가장 기본이 되는 내용들을 정리해보자.

2021년 1월 11일
·
0개의 댓글

TIL #9

CSS Selector CSS 박스모델이란? margin: 바깥 여백 border: 테두리 padding: 안쪽 여백 width: 박스의 가로크기 height: 박스의 세로 크기 background: 박스의 배경 box-sizing: 박스의 크기 기준 절대단위 &

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

CSS_2. 박스모델

Cascading Style Sheets : 문서의 스타일 지정 문서의 구조 : HTML문서의 스타일 : CSS문서의 동작 : JavaScript위에서 아래로 순차적용됨 하나의 요소에 여러 개의 css가 충돌할 경우 우선순위(가중치) 계산되고 계산결과에 따라 처리됨 (

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

박스모델

박스모델은 블록 레벨 요소인지 인라인레벨 요소인징 따라 나열 방법이 달라집니다. 블록 레벨(block-level) : 요소를 삽입했을 때, 혼자 한 줄을 차지하는 요소, 너비나 마진, 패딩 등을 이용해 크기나 위치를 지정할려면 블록레벨 요소여야 한다. 인라인 레벨(

2020년 7월 29일
·
0개의 댓글

CSS - Box Model & Display & Position & Float

BOX MODEL display: Inline vs Block vs Inline Block; block : element가 크기와 상관없이 그 옆에 다른 element가 위치하는것을 허용하지 않는 것. inline-block : 박스들이 서로서로 옆에 있음. i

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

20.03.23 CSS - BOX MODEL

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

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