[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
인기글
[외국영화] 나우유씨미 2 ( Now you see me 2 , 2016...
나우유씨미 1에서 완벽한 매직 범죄로 깜짝 흥행을 일으켰던 마술사기단이 더욱 강력해져서 돌아왔다.
1편은 그저 화려한 마술쇼에 눈이 만족스러웠다면
2편은 좀더 짜임새 있는 스토리의복수극이라 더욱 재미있다.
줄거리
'마술사기단’이 돌아왔다!
3년...
