[CSS] CSS3 속성

border-radius border-width border-image box-shadow border-image border-style - solid, double, goorve, dotted, dashed, inset, outset, ridge, hidden background-size background-clip backgound-origin text-overflow text-stroke -webkit-text-stroke -moz-text-stroke text-align-last text-shadow - xoffset yoffset blur color div:selection div:moz-selection - color , background text-transform uppercase, lowercase, capitalize work-break word-wrap div { word-wrap:brack-wrod;} @font-face font-stretch font-family 폰트관련 사이트 TypeKit ( http://typekit.com ) Typetheque ( http://typotheque.com ) Webtyle ( http://webtype.com ) Fontdeck...

[CSS] 동적선택자

A, BUTTON   A : active { } A : hover { } A : focus { } A : first-line { } A : first-letter { } A : first-before { } A : first-after { }    

[HTML] HTML FORM 속성

Autocomplete <body> <input type="text" name="favCharacter" list="characters" autocomplete="on" placeholder="자동완성"> <datalist id="characters"> <option value="apple" label="APPLE"> </datalist> </body>   Novalidate <form novalidate action="" method="get">   Autofocus User name: <input type="text" name="user_name" autofocus="autofocus" /> <input type="submit" />   min, max and step <form action="" method="get"> Points: <input type="number" name="points" min="0" max="10" step="3" /> <input type="submit" /> </form>   Multiple <form...

[HTML] HTML5 FORM

INPUT <input type="color" name="favcolor" /> <input type="time" /> <input type="date" /> <input type="datetime-local" /> <input type="range" /> ( input {   width: 20px;   height: 200px;   -webkit-appearance: slider-vertical; } ) DATALIST Webpage: <input type="url" list="url_list" name="link" /> <datalist id="url_list"> <option label="" value="" /> </datalist> KEYGEN <keygen name="key" form="test" keytype="rsa"> OUTPUT PROGRESS <progress value="22" max="100"> </progress> METER <meter value="2"...

[HTML] HTML5 APIs

HTMLDocument API  .getElementsByClassName() .innerHTML .activeElement .hasFocus .getSelection() .designMode .execCommand() HTMLElement API .getElementsByClassName() .innerHTML .classList

[HTML] HTML5 기초

1. 구조적인 요소 1) header 2) nav 3) article 4) section 5) aside 6) footer 2. 멀티미디어 요소 1) audio, video 2) canvas 3) embed 4) figure, figcaption 3. 데이터 요소 1) progress 2) meter 3) time 4) output 4. 폼요소 1) datalist 2) input의 type 속성값 - tel, search, url, email, datatime, date,...

[HTML] Doctype 정리

1. HTML 4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML 요소와 속성이 모두 허용되지만, font 태그와 같은 표상적 태그는 허용되지 않는다. 프레임세트가 허용되지 않는다. 2. HTML 4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML...

ABOUT ME

스마일보이랩 대표. 컴퓨터와 여행을 즐기며 디지털 노마드의 삶을 살고있습니다. 친구같은 남편이자 세 딸의 딸바보 아빠입니다. #IT, #여행, #육아, #워드프레스, #마젠토

인기글

video

[외국영화] 나우유씨미 2 ( Now you see me 2 , 2016...

나우유씨미 1에서 완벽한 매직 범죄로 깜짝 흥행을 일으켰던 마술사기단이 더욱 강력해져서 돌아왔다. 1편은 그저 화려한 마술쇼에 눈이 만족스러웠다면 2편은 좀더 짜임새 있는 스토리의복수극이라 더욱 재미있다. 줄거리 '마술사기단’이 돌아왔다! 3년...

STAY WITH US

0FansLike
0FollowersFollow
0FollowersFollow
0SubscribersSubscribe