# 박스모델

15개의 포스트
post-thumbnail

[CSS] 박스모델

하나의 콘텐츠로 묶이는 요소들이 하나의 박스가 됨, 항상 직사각형, width와 heigt를 가짐줄 바꿈이 되는 박스(block 박스) 줄 바꿈이 없이 옆으로 붙는 박스(inline 박스): width값과 height값이 먹지 않음줄 바꿈이 일어나지 않는 동시에 blo

2022년 10월 27일
·
0개의 댓글
·
post-thumbnail

CSS Box Model

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

2022년 9월 8일
·
0개의 댓글
·

box-Model

CSS box모델에 대한 정리

2022년 9월 1일
·
0개의 댓글
·
post-thumbnail

CSS - Box-Model

모든 HTML 요소는 박스(box) 모양으로 구성되며, 이것을 박스 모델(box model)이라고 부릅니다.박스 모델은 HTML 요소를 패딩(padding), 테두리(border), 마진(margin), 그리고 내용(content)으로 구분합니다.1\. 내용(conte

2022년 6월 12일
·
0개의 댓글
·
post-thumbnail

[부스트코스] 비전공자를 위한 HTML/CSS 코칭스터디 1기 4주차 후기

2022.05.27 ~ 2022.06.02(4/5) 진짜 거의 다왔다... 스터디 인원 3명, 매번 똑같이 코칭라이브 시간(목), 미션 풀이 시간(일)로 두 번씩 모여서 스터디를 진행하고 있다. 같이 프로젝트를 진행하는 스터디가 아니기도 하고, 비전공자들을 위한 기초

2022년 6월 2일
·
0개의 댓글
·
post-thumbnail

[section1_웹 개발 기초] HTML, CSS 기초_CSS 기초

📍 CSS는 스타일링을 위한 도구이다. 콘텐츠의 배치와 위치 (레이아웃 디자인), 텍스트를 강조하거나 밑줄을 치는 등, 최소한의 타이포그래피이다 (Typography)콘텐츠를 적당한 위치에 배치하는 레이아웃 디자인은 디자이너가 아니라도 할 수 있어야만 합니다.일반 사

2022년 5월 5일
·
0개의 댓글
·

[개발자되기: css] Day-6

웹페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어웹사이트 사용자가 html문서에 작성된 콘텐츠를 잘 이해할 수 있도록 돕는 역할컴포넌트 기능별로 묶어서 제작화면의 구성이나 배치 (레이아웃 디자인)굵은 글씨와 같은 타이포그래피와 색상을 적용하는 일(선택) 정렬이나

2022년 5월 2일
·
0개의 댓글
·
post-thumbnail

CSS - 박스모델 (1)

\-> 모든 콘텐츠는 각자의 영역을 가지며, 일반적으로 하나의 콘텐츠로 묶이는 엘리먼트(요소)들이 하나의 박스가 됩니다.(1) 줄바꿈이 되는 박스(block) vs. 옆으로 붙는 박스(inline, inline-block)Q)위 HTML에서 줄바꿈이 적용되는 태그는 무

2021년 8월 30일
·
0개의 댓글
·
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개의 댓글
·
post-thumbnail

20.03.23 CSS - BOX MODEL

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

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