일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 그라디언트 망
- 일러스트 블렌드 툴
- 멋쟁이사자처럼 해커톤
- 맥북 아프리카tv 생방송 다운로드
- 그라데이션 텍스트
- 패스트캠퍼스
- 패스트캠퍼스프론트엔드종합
- 멋쟁이사자처럼 블록체인스쿨
- 리액트
- 다중선택자
- 포토샵
- 폰트 기본 스타일
- css 방법
- 일러스트 3d 텍스트
- JOT토큰
- React
- 고급 객체
- 비밀번호리셋개발
- box-sizing속성
- 프론트엔드 종합반
- 패캠 프론트엔드
- Inline과 block차이
- JWT토큰인증
- 프리온보딩챌린지
- 일러스트
- 자유형 그레이디언트
- css
- 글래스이펙트
- 인프런css
- smtp에러
Archives
- Today
- Total
목록box-sizing속성 (1)
개발을 해라
CSS 박스모델, Inline과 Block 요소 비교 정리
1/4일, 인프런 강의 연속 2강 듣고 내용 정리 - 웹 브라우저에서 HTML Element를 구성할 때 각각의 요소가 차지하는 박스 공간을 정의한 모델 - 모든 HTML 요소는 박스형태로 되어있다. (오른쪽으로 갈수록 밖에 존재) content -> padding -> border -> margin 줄여서 컨패보마로 외우자. 여기서, padding과 margin의 차이는? 공통점 : 기본값은 투명하다. 차이점 : padding은 안에 있는 content 영역에서 background-color 값이 지정돼 있다면 함께 적용된다. margin은 외부영역에 적용이 된다. content에 들어간 속성은 적용되지 않는다. - 두가지로 나뉜다. content-box (기본값이다) - content 영역을 기준으로..
🥁 CSS
2023. 1. 4. 23:49