일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 가상요소 선택자
- spring
- 즐거운자바
- 자바
- 김성박
- 부스트코스
- 웹개발
- 다시볼 것
- datalist
- 보충필요
- 서블릿
- JavaScript
- 부정 선택자
- EDWITH
- ES6
- nth-of-type()
- 소스트리
- optgroup
- 복합 선택자
- 깃헙
- 상속
- 가상클래스 선택자
- 즐거운 자바
- 다시보자
- nth-child()
- 속성 선택자
- vmax
- jsp
- HTML Templating
- vmin
Archives
- Today
- Total
목록vmax (1)
기억의 DataBase
Size( pixel / % / em / rem / vw / vh / vmax / vmin )
pixel과 % .parent { width: 100px; } .child { /* 50px */ width: 50%; } 부모요소가 100px 자식요소의 50% > 50px %는 부모요소를 기준으로 한 비율 em .parent { font-size: 10px; } .child { /* 20px */ font-size: 2em; } 부모요소의 font-size를 기준으로 하여 선택요소의 font-size를 결정 (중간 단계의 font-size에 영향을 받아 관리하기가 어려울 수 있음) rem html { font-size: 100px; } /* 나머지 Text들은 기본 값인 16px로 */ body { font-size: 16px; } .parent { font-size: 10px; } .independ..
CSS
2020. 4. 8. 18:23