Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- list
- Kotlin
- hot Reloading
- 공부
- php문법
- 컬러구성
- 리덕스
- 자동반영
- useCallback
- react
- 리액트를 다루는 기술
- createPortal
- javascript
- await
- equalityFn
- 리사이클러뷰
- list.map
- async
- 웹
- typescript
- 가상회선교환
- pull
- merge
- CSS
- useState
- redux
- Git
- 리액트
- rebase
- 비동기처리
Archives
- Today
- Total
목록2022/07 (1)
공부블로그
CSS - margin & padding, display, float, position
블록 레벨 요소 : 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것, 넓이가 100% , , ... 인라인 레벨 요소 : 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있음 , , ... 1. 콘텐츠 영역 크기를 지정하는 width, height 속성 크기 or 백분율 or auto로 지정 주변의 여백이나 테두리를 뺀 콘텐츠 영역의 크기 box-sizing 속성 : border-box (테두리까지 포함해서 너빗값을 지정) / content-box ( 콘텐츠 영역만 너빗값을 지정, 기본값 ) 2. 여백을 조절하는 margin, padding 속성 두 박스 모델 사이의 여백 → 마진 한 박스 모델에서 테두리와 내용 사이의 여백 → 패딩 margin (마..
CSS
2022. 7. 12. 01:11