웹 디자인을 위한 기본 폰트 단위: px, em, rem 이해하기
안녕하세요 찐망고입니다. 오늘은 폰트 단위 관련 포스팅을 시작해볼게요 HTML에서 단위는 상대적인수치와 절대적인수치로 나뉘는데요. div { width: 200px; height: 200px; font-size: 16px; } div > span { display: block; width: 100%; height: 80%; font-size: 1em; } span이 div의 자식이라고 가정할 때 %는 부모요소의 크기를 기준으로 들어갑니다. width와 height모두 200px이 되겠죠? 본인이 absolute인 경우엔 relative의 크기를 상속받기도 합니다. 참고로 height요소를 %로 지정할 경우 무조건 상속받을 부모에게 높이값이 존재해야 합니다. px말고 가장 많이 사용하는 폰트 단위는 em과..
WEB/CSS
2024. 4. 16. 14:20
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- css4
- Slick
- 코딩교육
- css그리드
- uiux
- 자바스크립트숫자카운트
- uidesign
- 포토샵합성
- 웹디자인
- 크로스브라우징
- 프로그래밍기초
- JavaScript
- css
- 디자인팁
- 피그마플러그인
- 웹접근성
- UI디자인
- 슬라이드플러그인
- 스마트폰해상도
- slickAPI
- JavaScriptTips
- boxmodel
- uxdesign
- 반응형웹
- Border
- 시멘틱마크업
- CSS3
- 웹표준
- margin
- padding
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함