CSS:크기척도: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
(새 문서: {{CSS}}<br /> ==사이즈 척도== 필요에 따라 사이즈 척도를 달리하여 적용한다. {| class="wikitable" !척도 !설명 |- |px |픽셀. 고정된 값을 지정한다....) |
(→사이즈 척도) |
||
| 1번째 줄: | 1번째 줄: | ||
{{CSS}}<br /> | {{CSS}}<br /> | ||
==사이즈 척도== | ==사이즈 척도== | ||
필요에 따라 사이즈 척도를 달리하여 적용한다. | 필요에 따라 사이즈 척도를 달리하여 적용한다. | ||
| 21번째 줄: | 22번째 줄: | ||
바로 위의 부모에 대한 크기의 %로 크기를 지정한다. | 바로 위의 부모에 대한 크기의 %로 크기를 지정한다. | ||
|} | |} | ||
== 유의 == | |||
높이 height 속성엔 %를 사용할 순 없다. 이 대신 height: 50vh; 처럼 전체 높이의 50%를 가져간다는 값을 지정해줄 수 있다. width엔 %사용이 가능하고 50wh; 사용도 가능하다. | |||
2021년 6월 2일 (수) 22:03 기준 최신판
틀:CSS. css에 대한 문서들을 담아두기 위한 틀.
사이즈 척도[편집 | 원본 편집]
필요에 따라 사이즈 척도를 달리하여 적용한다.
| 척도 | 설명 |
|---|---|
| px | 픽셀. 고정된 값을 지정한다. |
| em | 부모의 값을 함께 따라간다. 부모에 대한 배율로 지정한다.
부모가 여러 개 있을 때 중복적용되어 의존성 관리가 어렵다;(기본폰트사이즈가 커지면 부모들의 변화와 중첩 적용되어 지수형태로 변화가 일어나버린다.) |
| rem(responsive) | 가장 많이 사용하는 방식.(최근엔 반응형 웹으로 만들기 때문에)
HTML의 기본 폰트사이즈에 의존하여 따라간다.(body의 폰트사이즈에 의존) |
| % | 이것도 아주 많이 사용한다.
바로 위의 부모에 대한 크기의 %로 크기를 지정한다. |
유의[편집 | 원본 편집]
높이 height 속성엔 %를 사용할 순 없다. 이 대신 height: 50vh; 처럼 전체 높이의 50%를 가져간다는 값을 지정해줄 수 있다. width엔 %사용이 가능하고 50wh; 사용도 가능하다.