# box

14개의 포스트

멋쟁이사자처럼 프론트엔드스쿨 회고록(2주차)_8

외부 스타일 시트@media queryreset css(css파일로 추가하여 사용) \- 에릭마이어 reset css \- nomalize.css!!!모달 공부하기css 특징공백 병합벤더프리픽스 크로스브라우징 할 때 몇 버전까지 호환을 해줄 것이냐 회의 후 적용범용

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

CSS 박스 모델과 overflow

박스 모델과 overflow

2022년 6월 25일
·
0개의 댓글
·

CSS flex, Selection

1. 구현화면 화면 캡처 2022-01-25 110533 2. HTML 코드 div 위에 하나의 구역을 만들고 텍스트를 넣기 위해 안쪽 div를 만듦 3. CSS 코드 1) 개념정리 flex :유동적인 레이아웃 (margin, wrap 등등 조합)

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

HTML Tag BOX,ITEM

웹사이트의 구조는 여러가지 형태로 볼수 있다기본적으로 이 웹사이트 구조의 형태로 예를 들어보자자료출저: 드림코딩 by엘리main영역도 디자인에 따라서 여러가지 section들로 나뉠 수 있다section안에서도 article태그를 이용할수 있다여러가지 item들을 그룹

2021년 11월 18일
·
0개의 댓글
·
post-thumbnail

CSS 이해를 도와준 고마운 이미지

3일차 접어들면서 시간을 굉장히 투자하는데 왜 이해가 안가지?하면서 대체 왜!외치던 와중에 고마운 녀석이 등장하는데....(후략)CSS는 쉽게 말하자면 벽면에 페인트 칠하는 것과 같은 작업인데페인트를 쥐고 자꾸 엉뚱한 곳을 칠해버리니 문제가 자꾸 발생했다심지어 나는 분

2021년 11월 3일
·
0개의 댓글
·
post-thumbnail

Flexbox

아이템들이 배치되는 축의 방향을 결정하는 속성이다.1\. row

2021년 10월 13일
·
0개의 댓글
·
post-thumbnail

HTML - 태그의 유형

HTML의 태그는 크게 두가지 유형으로 분류할 수 있다. 첫번째는 우리한테 직접 보이지는 않지만 여러 태그를 담을 수 있는 BOX 두번째는 우리에게 직접 보이는 ITEM ex) BOX - header, footer, nav, aside, main, section,

2021년 9월 9일
·
0개의 댓글
·

CSS Box Modeling(학습 18일차 TIL)

210702 오늘은 Box Modeling에 대해 학습했다. Today's tips Must Remember 전체선택자(*)를 Asterisk(애스터리스크,아스테리스크)라고 한다.

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

[CSS] Margine, Border, Padding

위, 아래 경계가 같다면 더 큰값의 margine 적용.(Collapsing margine)margin : a, b, c, d;(상, 하, 좌, 우) 값을 줄 수 있음.box 경계로 부터 바깥에 있는 공간 (border < margine)box 경계 안쪽의 공간

2021년 6월 22일
·
0개의 댓글
·
post-thumbnail

[CSS] Block, Inline

Margine

2021년 6월 22일
·
0개의 댓글
·
post-thumbnail

CSS spacing

반성해야 할 한가지가 있다 그냥 이런건 그때그때 찾아서 보면 되겠지란 생각이 기초를 탄탄하게 하지 못한다는 생각이 들었다 최소한 알고있을건 알고있어야 속성과 기능들을 이용하고 왜 사용해야 하는지 이해의 폭도 넓어 질텐대... 이참에 헷갈리는 부분도 정리하여 뿌리 뽑아

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

TIL 013 CSS_Box type

HTML의 모든 요소는 box다.display: block, display: inline, display: inline-black, display: flexwidth, height, padding, border, margin값 모두 줄 수 있다.block 요소 옆에 충

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

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

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

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

CSS Box

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

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