세르게이의 HTML5&CSS3-내지_ indd

Size: px

Start display at page:

Download "세르게이의 HTML5&CSS3-내지_ indd"

명민 현
5 years ago
Views:

1 찾아보기 기호및숫자 ::after 128 ::before 128 ::first-letter 112, 113, 128 ::first-line 128 ::first-of-type 127 :checked 126 :disabled 125 :empty 127 :enabled 119 :focus 125 :lang 126 :last-child 127 :link 125 :only-child 127 :only-of-type 127 :target 127 :visited 125, 128, 105, 121, 규칙 문자 128 [,*] 88, 89, 90, 91, 92 <appearance> 104, 147 <article> 28 <aside> 28 <attr> 106 <audio> 192 <details> 47 <footer> 14 <generic-voice> 132 <header> 14 <marquee> 57 <nav> 14 <offset-x> 97 <offset-y> 97 <output> 49 <section> 29 <template> 98 <time> 67 <video> 192 < 길이 _%> 111 < 길이 _ 고정 > 111 < 문자열 > 146 < 변형기능 > 143 < 숫자 > 106 < 알파값 > 102 2D와 3D 변형 143 3D 기준점 143 3D 변형 144 A A4 122 A5 122 abort 193 above 108, 139 accesskey 76 addcolorstop 197 addcontact 169 addelement 175 addeventlistener 164 after 124 after-edge 111, 112 age 132 Ajax 203 alias 148, 149 alignment-adjust 111 alignment-baseline 112 all 146 all-scroll 148 alphabetic 111, 112 alternate 117, 145 always 117, 121 animation 145 animation-delay 146 animation-direction 146 animation-duration 146 animation-name 146 animation-play-state 145 appearance 147 appendchild 181 application/javascript 28 application/xhtml+xml 28 applicationcache 166 aside 30 Asynchronous 203 attr(x) 123 attr(x,color) 102 At-규칙 128 audio/mpeg 28 audio/vnd.rn-realaudio 28 audio/x-ms-wma 28 Audio 28 aural 128 auto 139 autofocus 74 autoplay 193 avoid 117, 121 avoid-column 117 avoid-page 117 B back 109 backface-visibility 143 background 90 background-attachment 세르게이의 HTML5 & CSS3 퀵레퍼런스

2 background-clip 90 background-color 90 background-image 91 background-origin 91 background-position 92 background-repeat 93 background-size 92 balance 117 baseline 112, 115 baseline-shift 112 before-edge 111, 112 beginpath() 197 behind 109 beziercurveto() 197 bidi-override 142 blink 138 BlobBuilder 191 block 98 block-line-height 114 bookmark-label 106 bookmark-level 106 bookmark-target 106 border-bottom 95 border-bottom-color 94 border-bottom-left-radius 94 border-bottom-right-radius 94 border-bottom-style 94 border-bottom-width 94 border-box 148 border-collapse 95, 133 border-color 93 border-image-outset 96 border-image-repeat 97 border-image-slice 96 border-image-width 96 border-left 95 border-left-color 93 border-left-style 94 border-left-width 94 border-right 95 border-right-color 93 border-right-style 94 border-right-width 94 border-spacing 133, 213 border-style 94 border-top 95 border-top-color 93 border-top-left-radius 94 border-top-right-radius 94 border-top-style 94 border-top-width 94 border-width 94 both 197 bottom 115, 120, 143 box-align 113 box-decoration-break 97 box-shadow 97 box-sizing 148 braille 128 break-after 117 break-all 142 break-before 117 break-inside 117 C callback 177 canplay 193 capitalize 141 caption 104, 149 caption-side 133 Capture 180 cell 148 center 120, 123, 136, 143 central 111, 112, 115 class 76 clear() 165 clear 98 cleardata 174 clearinterval() 191 clearstorage 163 cleartimeout() 191 clearwatch() 178 clone 97 closepath() 197 collapse 102, 133 color 102 col-resize 148, 149 column 117 column-count 117 column-fill 118 column-gap 118 column-rule 118 compact 98 consider-shifts 114 content-box 148 contenteditable 76 context-menu 148 contextmenu 76 controls 192 copy 148 copymove 174 crosshair 148 createelement 181 createlineargradient() 197 createpattern 197 crop 107 CSS 규칙 85 CSS 속성의위치 86 CSS 연속적용 87 cubic-bezier 147 cue 130 CURIE 159 current 150, 177 cursor 148 D dashed 120 datatransfer 173 datetime 72 datetime-local 72 decimal 116 decimal-leading-zero 116 default 148 DeviceCapture 180 dir 76 direction 136 display 98 displaystorageresults 163 disregard-shifts 114 distribute 139 distribute-letter 123 DOCTYPE 30 Document 184 dominant-baseline 112 DOMStringList 174 dotted 120 double 120 찾아보기 215

3 dpi 107 drag 174 DragEvent 174 draggable 76 drawcircle() 196 drawimage 197 drop-initial-after-adjust 112 drop-initial-after-align 112 drop-initial-size 113 drop-initial-value 113 E each-line 140 ease 147 effectallowed 174 ellipsis 101 embed 142 empty-cells 134 end 123, 136 ended 193 e-resize 148, 149 error 193 ErrorCallback 177, 179 Events 78 exclude-ruby 114 F fast 116 fill 120 fillrect 196 filltext 197 first-letter 107 fit 120 fixed 134 Flash 194 flat 144 float 99 float-offset 106 font 104, 149 font-family 104 font-size 105, 114 font-stretch 104 footer 30 forward 116 front 109 full-width 141 function(position) 177 G GgeneralErrorCB 171 Geolocation 15, 175 GET 203 getcurrentposition 176, 177, 178, 179 getdata 174 getelementbyid 173 getitem(key) 163, 164 grid-columns 108 grid-height 114 grid-rows 108 groove 119 H handheld 128 handlepositionerror 176 hanging 111, 112, 140 hanging-punctuation 134 height 99 help 148, 149 hidden 77, 100, 101, 120 hide 134 HTML 태그 22 HTML5 선택자 130 HTML5 폼 72 HTTP 헤더 27 hyphenate 140 hyphenate-character 106, 134 I icon 104, 149 id 77 IDBDatabase 167 ideographic 111, 112 image-orientation 110, 121 image-resolution 107 importscripts() 191 include-ruby 114 infinite 116, 146 inherit 88 initial 113 initstorageevent() 165 inline SVG 200 inline 98, 123 inline-box-align 113 inline-line-height 113 inline-table 98 inset 97, 119 inter-ideograph 139 inter-word 139 invert 150 ISO item 77 itemprop 77 items.add 174 itemtype 157 J justify 104, 136 K kashida 139 key(lindex) 165 L landscape 122 last 113 left 98, 117, 123, 136, 143 leftter-spacing 143 linear 146 line-edge 123 line-height 113 line-stacking 113 linkmove 174 list-item 98 list-style 115 loadeddata 193 loadstart 193 location 세르게이의 HTML5 & CSS3 퀵레퍼런스

4 long 77 loop 193 lower-alpha 116 lowercase 141 ltr 136 M mark 131 marks 107 marquee-line 117 marquee-speed 116 mathematical 111, 112 MathML 14, 15, 160 matrix3d 144 max-height 99, 113 max-size 114 max-width 99 MediaFileData 180 medium 131 meet 120 menu 104, 149 meta tag 26 methodname 178 microdata 77 middle 111, 115 MIME 타입 27, 28 메시지 28 비디오 28 애플리케이션 28 오디오 28 이미지 28 텍스트 28 min 74 min-height 99 min-width 99 modal 109 moderate 133 Modernizr 35 month 73 move 148, 149 moveto(x, y) 197 N namespace 129 nav-down 150 Navigation Timing 204 navigator 175, 191 nav-index 150 ne-resize 148, 149 nesw-resize 148, 149 new 109 newvalue 163 no-change 112 no-content 101 no-display 101 no-drop 148, 149 no-limit 106 none 113 normal 113, 116 not-allowed 148, 149 n-resize 148, 149 number 113 O oldvalue 165 onabort 81 onafterprint 78 onbeforeonload 78 onbeforeprint 78 onblur 79 oncanplay 81 oncanplaythrough 81 onchange 79 onclick 80 oncontextmenu 79 ondblclick 80 ondrag 80 ondragend 80 ondragenter 80 ondragleave 80 ondragover 80 ondragstart 80 ondrop 80 ondurationchange 81 onemptied 81 onended 81 onerror 180 onerror 78, 81 onfocus 78, 81 onformchange 79 onforminput 79 onhaschange 78 oninput 79 oninvalid 79 onkeydown 80 onkeypress 80 onkeyup 80 onloaddata 81 onloadedmetadata 81 onloadstart 81 onmessage 79 onmousedown 80 onmousemove 80 onmouseout 80 onmouseover 80 onmouseup 80 onmousewheel 80 ononline 79 onpagehide 79 onpageshow 79 onpause 81 onplay 81 onplaying 81 onpopstate 79 onprogress 81 onratechange 81 onreadystatechange 81 onredo 89 onresize 89 onscroll 80 onseeked 91 onseeking 91 onselect 79 onstalled 81 onstorage 79 onsuccess 167, 180 onsuspend 81 ontimeupdate 81 onundo 79 onunload 79 onvolumechange 81 onwaiting 81 ooffline 79 찾아보기 217

5 opacity 102 optgroup 32 option 32 orphans 122 outline 119, 150 outset 120 outsides 115 overflow 100 overflow-x 101 P p 요소 32 page 117, 121 page-break 121 parent 109 pattern 73 pause 131, 193 paused 145 PendingOperation 180 perspective(< 길이 >) 145 perspective 143 placeholder 74 play 193 pointer 148, 149 portrait 122 Position 객체 178 PositionObjects 177 POST 203 poster 193 postmessage() 191 preload 193 preserve-3d 144 preventdefault 173 print 128 progress 148, 193 ProgressEvent 182 Q quadraticcurveto() 197 R range 74 Raphael 201 ratechange 194 RDF 155 RDFa 158 RDFa 특성 about 159 content 159 datatype 159 href 159 resource 160 rev 160 readystate 203 reduced 133 removeitem(key) 165 repeat 97 required 74 reset-size 112 resize 150 responsetext 203 rest 131 restore() 197 results 74 reverse 116 ridge 120 right 98, 99, 117, 120, 123, 136 root 34, 109, 150 rotate() 197 rotate3d 145 rotation 101 round 97 row-resize 148 rtl 136 ruby 98 ruby-align 123 ruby-overhang 123 ruby-position 123 ruby-span 123 ruby-text-group 98 run-in 98 running 145 S save() 197 Scalable Vector Graphic 196, 200 scale(x, y) 197 scalez 145 scbcallback 178 screen 128 scroll 101, 116 seeked 193 self 107 separate 133 se-resize 148, 149 setdata 173, 174 setdragimage 174 setinterval() 191 setinterval 197 setitem(key, value) 164 setrequestheader 203 settimeout 197 settransform 197 shadow:canvas 197 shadow 140 show 134 size 122 skewx(< 각도 >) 145 skewy(< 각도 >) 145 skey 164 slice 97, 120 slide 117 slow 116 small-caption 104, 150 Socket 메서드 185 solid 120 source 31 space 97 speak 131 spellcheck 77 s-resize 148, 149 start 104, 123, 136 status-bar 104, 149 storage 164 storagearea 165 StorageValue 162 stretch 97 string-set 107 stroke() 세르게이의 HTML5 & CSS3 퀵레퍼런스

6 strokestyle 197 stroketext 197 strong 131 style 77 sub 112, 115 subscript 112 supportedaudioformats 180 supportedimageformats 180 supportedvideoformats 180 suppress 142 suspend 193 svalue 164 SVG 15, 25, 26, 194 <embed> 200 <object> 201 sw-resize 148, 149 T tab 109 tabindex 77 table 98 table-caption 98 table-cell 115 table-column 98 table-column-group 98 table-header-group 98 table-layout 134 table-row 98 table-row-group 98 target 109 target-name 109 target-new 109 target-position 109 tbody 32 td 33 tel 73 text 148, 149 textalign[=value] 197 textbaseline[=value] 197 text-align 136 text-align-last 136 text-after-edge 111 text-before-edge 111 text-bottom 115 text-decoration 138 text-decoration-line 137 text-emphasis 138 text-emphasis-color 138 text-emphasis-style 139 text-height 114 text-indent 140 text-justify 139 text-outline 141 text-overflow 101 text-plain 28 text-replace 107 text-shadow 140 text-size 114 text-top 115 text-transform 141 text-wrap 142 text/css 28 text/csv 28 text/html 28 text/html 28 text/javascript 28 th 요소 32 thick 150 thin 150 time 157 timestamp 178 title 77 top 115, 120, 143 Touch Events 183 Touch 183 transaction-timing-function 147 transform 143, 197 transform-style 144 transition 146 transition-delay 146 transition-duration 146 transition-porperty 146 translatex 144 trasnform-origin 144 tread 32 triples 158 U undo 객체 175 UndoManager 175 UndoManagerEvent 175 unicode-bidi 142 uninitialized 175 unrestricted 142 upper-alpha 116 uppercase 141 upper-latin 116 upper-roman 116 URI 158 use-script 111, 115 V value 74 vertical-align 115 vertical-text 148, 149 video 28 video/mp4 28 video/mpeg 28 video/quicktime 28 video/x-ms-wmv 28 visible 101, 102 voice-balance 132 voice-duration 132 voice-family 132 voice-pitch 133 voice-rate 132 voice-stress 133 voice-volume 132 volumnechange 193 W WAI-ARIA 162 wait 148, 149 waiting 193 watchid 178 watchposition() 177 weak 131 Web Forms WebGL 195 webkit 97 week 73 well-formed syntax 26 WHATWG 13 찾아보기 219

7 white-space 142 widows 122 width 99 window 109 WOFF 128 word-break 142 word-spacing 143 World Geodetic System 177 w-resize 148, 149 X XHTML 13, 24 XHTML5 13, 24 XML MIME 타입 24 XML 선언 30 XML 194 XMLHttpRequest 203 x-strong 131 x-weak 131 한글 객체저장소 169 그룹 124 글로벌속성 accesskey 76 class 76 contenteditable 76 contextmenu 76 data-{ 문자열 } 76 dir 76 draggable 76 hidden 77 id 77 item 77 itemprop 77 lang 77 spellcheck 77 style 77 tabindex 77 title 77 기본 HTML 태그 22 HTML 파일 22 요소 22 꼬리글 105 노드 29 닫기태그 31 마이크로데이터 14, 156 마진 89, 99 머리글 105 메시지 28 메타데이터 34, 155 목록과자동번호매기기 115 문법컨셉 85 문서객체모델 28 박스모델 89 방향 105 베지어 197 변형 145 불리언 24 비디오특성 193 비율 105 비트맵 107, 195 빈요소 23, 31 상속요소 124 생성된콘텐츠 105 선택을위한커서 148 선택적 & 빈태그 31 세션저장소 162, 163 섹션 34 숫자 _% 96 스크립팅 34 아시아문자 122 애플리케이션 28 여는태그 22 예외처리되지않은특수문자 31 오디오와비디오포함하기 192 오디오특성 193 요소와태그 22 웹공개글꼴형식 128 웹메시징 187 웹소켓 185 웹 SQL 169 웹 SQL 데이터베이스 169 웹작업자 190, 203 웹저장소 162 의미모델섹션 88 의미모델 85 의사요소 128 의사클래스 125, 127 이미지 28 이미지커서 149 이벤트핸들러 78 인덱스된데이터베이스 166 인라인의미요소 34 인접한형제요소 124 일반형제요소 124 자동번호매기기 115 자식요소 124 좌표속성 178 주소록 API 171 지정된인덱스 174 직선 198 축약 115, 118 축약형속성 88 캔버스 15, 194 Gradient 199 Lines 198 Oval 199 Raster Image 199 Rectangle 198 콘텐츠교체 110 태그중첩 23 테두리 89 투명 102 특성 23 특성값대소문자구분 30 특성에따옴표사용 30 파이프문자 88 파일 API 181 패딩 89, 99 페이지분할 121 페이지화된미디어 120 포함콘텐츠 34 표데이터 34 하이퍼링크 세르게이의 HTML5 & CSS3 퀵레퍼런스

Week8-Extra

Week8-Extra Week 08 Extra HTML & CSS Joonhwan Lee human-computer interaction + design lab. HTML CSS HTML, HTML 5 1. HTML HTML HTML HTML (elements) (attributes), (arguments). HTML (tag), DTD (Document Type Definition).!4