달력

12

« 2019/12 »

  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

   

데이터 형식

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

   

정수와 실수

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

댓글을 달아 주세요

   

Powerpoint 관련 참조 사이트

   

   

비주얼다이브(VISUAL DIVE)

기사내용을 인포그래픽으로

   

   

비주얼다이브 site

http://www.visualdive.co.kr/

   

   

비주얼다이브 페이스북 페이지

https://www.facebook.com/visualdive

 

Posted by codedragon codedragon

댓글을 달아 주세요

   

   

   

설치하기

I agree to the license terms and conditions 체크 >

Install 버튼 클릭

   

   

   

기존 열려진 문서가 있다면 저장

   

확인

   

Close

   

설치완료!!!

Posted by codedragon codedragon

댓글을 달아 주세요

   

   

Office Mix

  • 무료 Add-in
  • 발표자료 녹화도구
  • Teacher를 위한 도구, 학교에서 활용을 위한 용도
  • Lecture는 온라인으로 제공하여 학생들과 더 많은 시간을 교류할 수 있음
  • 효율적인 강의를 위해서는 강의 내용에 대한 시나리오 고민 필요
  • PT연습연습시도 활용가능

   

https://mix.office.com/

   

Get Office Mix 버튼 클릭

   

   

   

직접 다운로드

  OfficeMix.Setup.exe


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

댓글을 달아 주세요