달력

12

« 2019/12 »

  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

'단위'에 해당되는 글 2

  1. CSS 데이터 형식
  2. 크기단위

   

데이터 형식

데이터 : 스타일시트에서 사용되는 프로퍼티의 값

   

정수와 실수

10진법으로 표기, 양과 음 지정, 단위와 함께 사용시 값 범위 제한

   

길이

글꼴 및 이미지 크기 조절. 상대 단위와 절대 단위로 분류

h1 { margin: 0.5em; } /* em, 요소의 글꼴(font) 높이 */

h1 { margin: 1ex; } /* x-height, 글자 'x'의 높이 */

p { font-size: 12px; } /* pixels, 화면에 상대적으로 */

   

상대 단위 : em(글꼴의 크기), ex(글꼴의 x너비), px(픽셀)

h1 { margin: 0.5in; } /* 인치(inche), 1in = 2.54cm */

h2 { line-height: 3cm; } /* cm, centimeter */

h3 { word-spacing: 4mm; } /* mm, millimeter */

h4 { font-size: 12pt; } /* 포인트(point), 1pt = 1/72 in */

h4 { font-size: 1pc; } /* 피카(pica), 1pc = 12pt */

   

in(인치), cm(센티미터), mm(밀리미터), pt(포인트:1/72인치), pc(피카:12인치)

   

백분율 단위(percentage unit)

선택적 기호( '+'또는'-', 기본값은'+'), 수치(소수점 있거나 없거나), '단위 : '%'

p { line-height: 120%; } /* 요소의 글꼴 크기('font-size')의 120% */

   

색상(color)

키워드(keyword) 또는 RGB 값 사용.

body {color: black; background: white; }

h1 { color: maroon; }

h2 { color: olive; }

em { color: #f00; } /* #rgb */

em { color: #ff0000; } /* #rrggbb */

em { color: rgb(255,0,0); } /* 정수 범위: 0 - 255 */

em { color: rgb(100%, 0%, 0%); } /* 유동(float) 범위: 0.0% - 100.0% */

em { color: rgb(255,0,0); } /* 정수 범위: 0 - 255 */

em { color: rgb(300,0,0); } /* 255로 잘림 */

em { color: rgb(110%, 0%, 0%); } /* 100%로 잘림 */

   

색상 키워드

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red,

silver, teal, white, yellow

   

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

CSS 지정방식  (0) 2015.04.01
CSS 주석  (0) 2015.03.10
CSS 데이터 형식  (0) 2015.02.01
HTML 요소를 선택자로 사용시  (0) 2015.01.01
참고 & 출처 HTML5, CSS, XML  (0) 2014.11.25
색상 태그  (0) 2014.11.20
Posted by codedragon codedragon

댓글을 달아 주세요

2014. 6. 12. 00:48

크기단위 Development/Android

크기

안드로이드에서 위젯의 패딩값과 같이 각종 크기를 표현할 때 사용

   

단위

설명

in, mm

각각 인치와 밀리미터를 뜻,

화면 해상도에 따라 실제 크기를 나타냅니다.

px

화면의 기본단위 pixel, 

해상도에 따라 크기가 달라집니다

pt

포인트, 출판 업계 용어로 75분의 1인치를 말합니다.

화면 해상도에 따른 실제 크기를 나타냅니다.

dp(dip)

기기 기준 픽셀(device-dependent pixels), 인치당 160개의 점이 있는 디스플레이에서 1dp = 1px, dp단위로 지정하면 해상도만큼 길이가 늘어나 해상도에 상관없이 비슷한 크기로 보입니다.

글자 외 요소 제어 시 권장.

sp

배율 기준 픽셀(scale-dependent pixels),

sp는 사용자가 지정한 글꼴의 기본 크기에 비례해 크기가 변경

글자 제어 시 권장

em

글꼴과 상관없이 동일한 텍스트 크기 표시

*코드에서 크기 값은 부동소수점(float)


   

Posted by codedragon codedragon

댓글을 달아 주세요