달력

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

댓글을 달아 주세요

   

   

흰색부분을 투명하게 해주는 서비스

http://ho4040.wix.com/oztoolz#!/c1lrp

   

   

사용법

1.그림파일을 불러옵니다.(Load image what you want to adjust)

2.마우스 오른쪽 클릭, 다른이름으로 저장!(Right click and save as PNG file)

Posted by codedragon codedragon

댓글을 달아 주세요

   

색상 표기법

HTML 문서에서 색상을 표현하는 방식은 영문의 색상명, 16진수 RGB 값 2가지가 있습니다.

   

16진수 표기법은 RGB표기법 이라고도 하는데,

R(red) 2자리, G(green) 2자리, B(blue) 2자리 총 6자리로 구성됩니다.

RR

GG

BB

  

  

  

   

   

RGB 컬러 값 (HTML Color Names)

출처: <http://www.w3schools.com/tags/ref_colornames.asp>

Color Name

HEX

Color

Shades

Mix

AliceBlue 

#F0F8FF

  

Shades

Mix

AntiqueWhite 

#FAEBD7

  

Shades

Mix

Aqua 

#00FFFF

  

Shades

Mix

Aquamarine 

#7FFFD4

  

Shades

Mix

Azure 

#F0FFFF

  

Shades

Mix

Beige 

#F5F5DC

  

Shades

Mix

Bisque 

#FFE4C4

  

Shades

Mix

Black 

#000000

  

Shades

Mix

BlanchedAlmond 

#FFEBCD

  

Shades

Mix

Blue 

#0000FF

  

Shades

Mix

BlueViolet 

#8A2BE2

  

Shades

Mix

Brown 

#A52A2A

  

Shades

Mix

BurlyWood 

#DEB887

  

Shades

Mix

CadetBlue 

#5F9EA0

  

Shades

Mix

Chartreuse 

#7FFF00

  

Shades

Mix

Chocolate 

#D2691E

  

Shades

Mix

Coral 

#FF7F50

  

Shades

Mix

CornflowerBlue 

#6495ED

  

Shades

Mix

Cornsilk 

#FFF8DC

  

Shades

Mix

Crimson 

#DC143C

  

Shades

Mix

Cyan 

#00FFFF

  

Shades

Mix

DarkBlue 

#00008B

  

Shades

Mix

DarkCyan 

#008B8B

  

Shades

Mix

DarkGoldenRod 

#B8860B

  

Shades

Mix

DarkGray 

#A9A9A9

  

Shades

Mix

DarkGreen 

#006400

  

Shades

Mix

DarkKhaki 

#BDB76B

  

Shades

Mix

DarkMagenta 

#8B008B

  

Shades

Mix

DarkOliveGreen 

#556B2F

  

Shades

Mix

DarkOrange 

#FF8C00

  

Shades

Mix

DarkOrchid 

#9932CC

  

Shades

Mix

DarkRed 

#8B0000

  

Shades

Mix

DarkSalmon 

#E9967A

  

Shades

Mix

DarkSeaGreen 

#8FBC8F

  

Shades

Mix

DarkSlateBlue 

#483D8B

  

Shades

Mix

DarkSlateGray 

#2F4F4F

  

Shades

Mix

DarkTurquoise 

#00CED1

  

Shades

Mix

DarkViolet 

#9400D3

  

Shades

Mix

DeepPink 

#FF1493

  

Shades

Mix

DeepSkyBlue 

#00BFFF

  

Shades

Mix

DimGray 

#696969

  

Shades

Mix

DodgerBlue 

#1E90FF

  

Shades

Mix

FireBrick 

#B22222

  

Shades

Mix

FloralWhite 

#FFFAF0

  

Shades

Mix

ForestGreen 

#228B22

  

Shades

Mix

Fuchsia 

#FF00FF

  

Shades

Mix

Gainsboro 

#DCDCDC

  

Shades

Mix

GhostWhite 

#F8F8FF

  

Shades

Mix

Gold 

#FFD700

  

Shades

Mix

GoldenRod 

#DAA520

  

Shades

Mix

Gray 

#808080

  

Shades

Mix

Green 

#008000

  

Shades

Mix

GreenYellow 

#ADFF2F

  

Shades

Mix

HoneyDew 

#F0FFF0

  

Shades

Mix

HotPink 

#FF69B4

  

Shades

Mix

IndianRed  

#CD5C5C

  

Shades

Mix

Indigo  

#4B0082

  

Shades

Mix

Ivory 

#FFFFF0

  

Shades

Mix

Khaki 

#F0E68C

  

Shades

Mix

Lavender 

#E6E6FA

  

Shades

Mix

LavenderBlush 

#FFF0F5

  

Shades

Mix

LawnGreen 

#7CFC00

  

Shades

Mix

LemonChiffon 

#FFFACD

  

Shades

Mix

LightBlue 

#ADD8E6

  

Shades

Mix

LightCoral 

#F08080

  

Shades

Mix

LightCyan 

#E0FFFF

  

Shades

Mix

LightGoldenRodYellow 

#FAFAD2

  

Shades

Mix

LightGray 

#D3D3D3

  

Shades

Mix

LightGreen 

#90EE90

  

Shades

Mix

LightPink 

#FFB6C1

  

Shades

Mix

LightSalmon 

#FFA07A

  

Shades

Mix

LightSeaGreen 

#20B2AA

  

Shades

Mix

LightSkyBlue 

#87CEFA

  

Shades

Mix

LightSlateGray 

#778899

  

Shades

Mix

LightSteelBlue 

#B0C4DE

  

Shades

Mix

LightYellow 

#FFFFE0

  

Shades

Mix

Lime 

#00FF00

  

Shades

Mix

LimeGreen 

#32CD32

  

Shades

Mix

Linen 

#FAF0E6

  

Shades

Mix

Magenta 

#FF00FF

  

Shades

Mix

Maroon 

#800000

  

Shades

Mix

MediumAquaMarine 

#66CDAA

  

Shades

Mix

MediumBlue 

#0000CD

  

Shades

Mix

MediumOrchid 

#BA55D3

  

Shades

Mix

MediumPurple 

#9370DB

  

Shades

Mix

MediumSeaGreen 

#3CB371

  

Shades

Mix

MediumSlateBlue 

#7B68EE

  

Shades

Mix

MediumSpringGreen 

#00FA9A

  

Shades

Mix

MediumTurquoise 

#48D1CC

  

Shades

Mix

MediumVioletRed 

#C71585

  

Shades

Mix

MidnightBlue 

#191970

  

Shades

Mix

MintCream 

#F5FFFA

  

Shades

Mix

MistyRose 

#FFE4E1

  

Shades

Mix

Moccasin 

#FFE4B5

  

Shades

Mix

NavajoWhite 

#FFDEAD

  

Shades

Mix

Navy 

#000080

  

Shades

Mix

OldLace 

#FDF5E6

  

Shades

Mix

Olive 

#808000

  

Shades

Mix

OliveDrab 

#6B8E23

  

Shades

Mix

Orange 

#FFA500

  

Shades

Mix

OrangeRed 

#FF4500

  

Shades

Mix

Orchid 

#DA70D6

  

Shades

Mix

PaleGoldenRod 

#EEE8AA

  

Shades

Mix

PaleGreen 

#98FB98

  

Shades

Mix

PaleTurquoise 

#AFEEEE

  

Shades

Mix

PaleVioletRed 

#DB7093

  

Shades

Mix

PapayaWhip 

#FFEFD5

  

Shades

Mix

PeachPuff 

#FFDAB9

  

Shades

Mix

Peru 

#CD853F

  

Shades

Mix

Pink 

#FFC0CB

  

Shades

Mix

Plum 

#DDA0DD

  

Shades

Mix

PowderBlue 

#B0E0E6

  

Shades

Mix

Purple 

#800080

  

Shades

Mix

Red 

#FF0000

  

Shades

Mix

RosyBrown 

#BC8F8F

  

Shades

Mix

RoyalBlue 

#4169E1

  

Shades

Mix

SaddleBrown 

#8B4513

  

Shades

Mix

Salmon 

#FA8072

  

Shades

Mix

SandyBrown 

#F4A460

  

Shades

Mix

SeaGreen 

#2E8B57

  

Shades

Mix

SeaShell 

#FFF5EE

  

Shades

Mix

Sienna 

#A0522D

  

Shades

Mix

Silver 

#C0C0C0

  

Shades

Mix

SkyBlue 

#87CEEB

  

Shades

Mix

SlateBlue 

#6A5ACD

  

Shades

Mix

SlateGray 

#708090

  

Shades

Mix

Snow 

#FFFAFA

  

Shades

Mix

SpringGreen 

#00FF7F

  

Shades

Mix

SteelBlue 

#4682B4

  

Shades

Mix

Tan 

#D2B48C

  

Shades

Mix

Teal 

#008080

  

Shades

Mix

Thistle 

#D8BFD8

  

Shades

Mix

Tomato 

#FF6347

  

Shades

Mix

Turquoise 

#40E0D0

  

Shades

Mix

Violet 

#EE82EE

  

Shades

Mix

Wheat 

#F5DEB3

  

Shades

Mix

White 

#FFFFFF

  

Shades

Mix

WhiteSmoke 

#F5F5F5

  

Shades

Mix

Yellow 

#FFFF00

  

Shades

Mix

YellowGreen 

#9ACD32

  

Shades

Mix

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

HTML 요소를 선택자로 사용시  (0) 2015.01.01
참고 & 출처 HTML5, CSS, XML  (0) 2014.11.25
색상 태그  (0) 2014.11.20
CSS 선언  (0) 2014.11.14
특수문자  (0) 2014.11.13
문단 태그  (0) 2014.10.26
TAG #000000, #000080, #00008B, #0000CD, #0000FF, #006400, #008000, #008080, #008B8B, #00BFFF, #00CED1, #00FA9A, #00FF00, #00FF7F, #00FFFF, #191970, #1E90FF, #20B2AA, #228B22, #2E8B57, #2F4F4F, #32CD32, #3CB371, #40E0D0, #4169E1, #4682B4, #483D8B, #48D1CC, #4B0082, #556B2F, #5F9EA0, #6495ED, #66CDAA, #696969, #6A5ACD, #6B8E23, #708090, #778899, #7B68EE, #7CFC00, #7FFF00, #7FFFD4, #800000, #800080, #808000, #808080, #87CEEB, #87CEFA, #8A2BE2, #8B0000, #8B008B, #8B4513, #8FBC8F, #90EE90, #9370DB, #9400D3, #98FB98, #9932CC, #9ACD32, #A0522D, #A52A2A, #A9A9A9, #ADD8E6, #ADFF2F, #AFEEEE, #B0C4DE, #B0E0E6, #B22222, #B8860B, #BA55D3, #BC8F8F, #BDB76B, #C0C0C0, #C71585, #CD5C5C, #CD853F, #D2691E, #D2B48C, #D3D3D3, #D8BFD8, #DA70D6, #DAA520, #DB7093, #DC143C, #DCDCDC, #DDA0DD, #DEB887, #E0FFFF, #E6E6FA, #E9967A, #EE82EE, #EEE8AA, #F08080, #F0E68C, #F0F8FF, #F0FFF0, #F0FFFF, #F4A460, #F5DEB3, #F5F5DC, #F5F5F5, #F5FFFA, #F8F8FF, #FA8072, #FAEBD7, #FAF0E6, #FAFAD2, #FDF5E6, #FF0000, #FF00FF, #FF1493, #FF4500, #FF6347, #FF69B4, #FF7F50, #FF8C00, #FFA07A, #FFA500, #FFB6C1, #FFC0CB, #FFD700, #FFDAB9, #FFDEAD, #FFE4B5, #FFE4C4, #FFE4E1, #FFEBCD, #FFEFD5, #FFF0F5, #FFF5EE, #FFF8DC, #FFFACD, #FFFAF0, #FFFAFA, #FFFF00, #FFFFE0, #FFFFF0, #FFFFFF, 16진수, Aliceblue, AntiqueWhite, aqua, Aquamarine, Azure, bb, Beige, Bisque, black, BlanchedAlmond, Blue, BlueViolet, Brown, BurlyWood, CadetBlue, Chartreuse, Chocolate, Coral, CornflowerBlue, Cornsilk, Crimson, Cyan, DarkBlue, DarkCyan, DarkGoldenRod, DarkGray, DarkGreen, DarkKhaki, DarkMagenta, DarkOliveGreen, DarkOrange, DarkOrchid, DarkRed, DarkSalmon, DarkSeaGreen, DarkSlateBlue, DarkSlateGray, DarkTurquoise, DarkViolet, DeepPink, DeepSkyBlue, DimGray, DodgerBlue, FireBrick, FloralWhite, ForestGreen, fuchsia, Gainsboro, GG, GhostWhite, GOLD, GoldenRod, GRAY, green, GreenYellow, HoneyDew, HotPink, HTML, html5, IndianRed, indigo, Ivory, Khaki, Lavender, LavenderBlush, LawnGreen, LemonChiffon, LightBlue, LightCoral, LightCyan, LightGoldenRodYellow, LightGray, LightGreen, LightPink, LightSalmon, LightSeaGreen, LightSkyBlue, LightSlateGray, LightSteelBlue, LightYellow, lime, LimeGreen, Linen, Magenta, maroon, MediumAquaMarine, MediumBlue, MediumOrchid, MediumPurple, MediumSeaGreen, MediumSlateBlue, MediumSpringGreen, MediumTurquoise, MediumVioletRed, MidnightBlue, MintCream, MistyRose, Moccasin, NavajoWhite, navy, OldLace, Olive, OliveDrab, Orange, OrangeRed, Orchid, PaleGoldenRod, PaleGreen, PaleTurquoise, PaleVioletRed, PapayaWhip, PeachPuff, Peru, pink, Plum, PowderBlue, purple, Red, rgb, RosyBrown, RoyalBlue, RR, SaddleBrown, Salmon, SandyBrown, SeaGreen, SeaShell, Sienna, silver, SkyBlue, SlateBlue, SlateGray, snow, SpringGreen, SteelBlue, Tan, teal, Thistle, Tomato, Turquoise, Violet, Wheat, white, WhiteSmoke, yellow, YellowGreen, 색상, 색상명, 표기법
Posted by codedragon codedragon

댓글을 달아 주세요