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 |
Tags
- frontend
- clonecoding
- CSS
- GRID
- Component
- heroku
- graphQL
- 자바스크립트
- react
- MongoDB
- CLONE
- NextJs
- javscript
- Flutter
- HTML
- nodejs
- DART
- ECMAScript
- backend
- API
- Mongoose
- ES6
- pug
- Session
- TypeScript
- node.js
- 리액트
- form
- express
- JavaScript
Archives
- Today
- Total
목록분류 전체보기 (313)
Enjoy Programming
Block 요소와 Inline요소
독학으로 공부하며css에서 가장 난해 했던 html태그의 블럭과 인라인 요소 이를 잘 이해해야 css를 잘 사용 할 수 있는 것 같다. 우선 css의 box-model은 margin, padding, border, content area를 갖는다 Content area : 콘텐츠 경계(content edge)가 감싼 영역으로, 글이나 이미지, 비디오 등 요소의 실제 내용을 포함합니다. 콘텐츠 영역의 크기는 콘텐츠 너비(콘텐츠 박스 너비)와 콘텐츠 높이(콘텐츠 박스 높이)입니다. 배경색과 배경 이미지를 가지고 있기도 합니다. box-sizing 속성의 값이 기본값인 content-box이며 요소가 블록 레벨 요소인 경우, 콘텐츠 영역의 크기를 width, min-width, max-width, height..
CSS
2021. 3. 24. 16:53