일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- iclone
- UE
- 3d
- visualstudio
- Costume
- c++
- 애니메이팅
- coding
- modeling
- reallusion
- C
- 언리얼엔진
- cc4
- Programming
- character
- C언어
- blueprint
- unreal
- 씨플플
- 3dmodeling
- maya
- ue5
- 마야
- 프로그래밍
- autodesk
- ANIMATION
- animating
- charactercreator
- 개발블로그
- UnrealEngine
- Today
- Total
목록2024/06/25 (3)
개발나라 스용공주
[ 박스 모델 이론 요약 ]html의 태그들은 태그들의 기본 성격에 따라 block처럼 화면 전체를 쓰기도 하고 inline처럼 콘텐츠의 크기만큼만 쓰기도 한다.콘텐츠의 크기를 지정할 때 : width 또는 height를 사용한다.Padding : 콘텐츠와 바깥 테두리 사이의 공간Margin : 테두리와 테두리 사이의 공간 (남는 공간 = 마진)=> html 하나하나를 박스로 생각하여 그것의 부피감을 결정
이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://youtube.com/watch?v=MLjCVUspcDo&t=516s [ F12로 검사하기 ]F12를 누르면 아래 사진과 같이 검사를 하는 부분이 뜨게 되는데 여기에서 Style 부분을 보게 되면 해당 태그가 어떤 css로 구성되어져 있는지 나타나있다. 그리고 그 밑을 보면 margin, border, padding, contents가 각 몇 픽셀로 구성되어져 있는지 나오게 된다.마우스 커서를 올리게 되면 해당 영역을 보여준다.
이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=MLjCVUspcDo&list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B&index=8 [ 박스 모델 ]박스 모델을 사용하여 해당 문자가 얼마만큼의 공간을 차지하고 있는지 확인할 수 있다.border-width : 선 두께border-color : 선 색상border-style : 선 모양아래 코드와 결과를 보면 태그는 화면 전체를 차지한다는 것을 확인할 수 있다.* 이렇게 화면 전체를 차지하는 것을 block level element이라고 부른다. Youtuber Youtube Contents 반면 아래 코드와 같이..