css 길이 단위
css 길이 단위 어제 width, height 속성을 배우면서 속성값 중 길이값length이 등장하는 걸 보셨을 거예요. [css] width 속성 [css] height 속성 그래서 오늘은 css 길이 단위로 사용되는 것들은 어떤 것들이 있는지, 길이 단위의 종류와, 자주 쓰이는 단위, 그리고 사용법도 알아 보겠습니다. 자주 사용되고 언급되는 길이 단위는 px, em, in, pc, rem 등인데, 반응형 스킨에 알맞게 다양한 브라우저 창에 따라 크기 조절이 가능하게 하려면 em 또는 rem 사용을 권장합니다. 단위를 사용할 때, 앞에 숫자와 단위간 공백을 두지 않습니다. 예: 2em, 3px, 5in 하지만 길이값이 0일 경우 단위를 생략할 수 있습니다. 길이 단위는 상대 단위와 절대 단위로 나뉩니..
2014. 12. 11.
[css] height 속성
[css] height 속성 어제는 요소의 너비를 설정할 때 쓰는 width 속성을 배웠습니다. 오늘은 height 속성으로, 요소의 높이를 설정할 때 사용합니다. width 속성과 마찬가지로 height 속성은 인라인 요소, table rows, thead, tfoot, tbody를 제외하고 모든 요소에 적용할 수 있습니다. height는 content 영역만의 높이만을 의미합니다. margin, padding, border 을 포함하지 않음. 또한 min-height, max-height 는 height 속성을 무시합니다. 즉, height와 min-height 속성이 동시에 설정될 경우, min-height값이 적용 됩니다. min-width 속성, min-height 속성 사용법 max-width..
2014. 12. 10.