์ ์ฒด ๊ธ40 ์ต์คํ๋ก๋ฌ์์ html5๋ฅผ ํํํ๋ ๋ฐฉ๋ฒ HTML5 Examples ์กฐ๊ฑด๋ถ์ฃผ์์ ํตํด์ ์ต์คํ๋ก๋ฌ ํ์๋ฒ์ ์์ html5๋ฅผ ์ธ์์ํฌ ์ ์๋ค.์ฃผ์์ ์๋ฏธ๋ ๋ง์ผ ๋ธ๋ผ์ฐ์ ๋ฒ์ ์ด IE ๋ฒ์ 9 ๋ณด๋ค ๋ฎ์ ๊ฒฝ์ฐ ์ด ๋ถ๋ถ์ ์คํํ๋ค. ๋ ์๋ฏธ์ด๋ค. + CSS3 ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง ์๋์์ฑ ์ฌ์ดํธ http://prefixr.com/index.php 2012. 10. 10. html5 ๋ฌธ์๊ตฌ์กฐ ๋ฐ DOCTYPE HTML ํ์์ ๋ฌธ์ XML ํ์์ ๋ฌธ์ DOCTYPEhtml4.01๊ณผ xhtml1.0์ ๋ชจ๋ SGML(Standard Generalized Markup Language) ๊ธฐ๋ฐ์ด์์ผ๋ฏ๋ก DTD๋ฅผ ๋ช ์ ํ ํ์๊ฐ ์์์ผ๋ html5์์ DOCTYPE์ ๋ธ๋ผ์ฐ์ ๊ฐ ํ์ค ๋ชจ๋๋ก ๋์๋๊ฒ ํ๋ ์ญํ ๋ง ํ๋ฉด ๋๊ธฐ ๋๋ฌธ์ ๊ฐ์ํ ๋์๋ค. (SGML : ๋ค์ํ ํํ์ ์ ์๋ฌธ์๋ค์ ์๋ก ๋ค๋ฅธ ์์คํ ๋ค ์ฌ์ด์ ์ ๋ณด์ ์์ค์์ด ํจ์จ์ ์ผ๋ก ์ ์ก·์ ์ฅ·์๋์ฒ๋ฆฌ๋ฅผ ํ๊ธฐ ์ํ ISO(International Organization for Standardization:๊ตญ์ ํ์คํ๊ธฐ๊ตฌ) ๋ฌธ์์ฒ๋ฆฌํ์ค์ ํ๋์ด๋ค. ์ด ํ์ค์ ์ถํํ๊ฒฝ์ ์ ํฉํ ๊ฒ์ผ๋ก ๋ชจ๋ ํค๋ํ์ผ, ๋ฌธ์ํํ์ ์(DTD), ๋ณธ๋ฌธ ๋ฑ ์ธ ๋ถ๋ถ์ผ๋ก ๊ตฌ์ฑํ๋ค. ์ถ์ฒ:http:/.. 2012. 10. 10. ํ ์คํธ ์์ฑ ์๊ฐ(๊ธ์์ฌ์ด ๊ฐ๊ฒฉ)letter-spacing:๊ฐ ์๊ฐ์ ๊ธ์ํฌ๊ธฐ์ ๊ฐ์ด em์ผ๋ก ์ค์ ํ๋๊ฒ์ด ์ข๋ค.? ํฐํธํฌ๊ธฐ๋ฅผ ๊ธฐ์ค์ผ๋ก ์ ์ฉ์ด ๋๋ฏ๋ก ํ ์คํธํฌ๊ธฐ๊ฐ ๋ฐ๋์ด๋ ์๋์กฐ์ ์ด ๋๋ค. ์ด๊ฐ(๋จ์ด์ฌ์ด ๊ฐ๊ฒฉ)word-spacing:๊ฐ ์ด๊ฐ์ ๋๋๋ก์ด๋ฉด ์์ ํ์ง ์๋๊ฒ์ด ์ข๋ค. ๋ง์ฝ ๊ผญ ์ฌ์ฉํด์ผ๋๋ค๋ฉด ์ ํ์ ์ผ๋ก ์ฌ์ฉํด์ผ ํ๋ค. ํ๊ฐ(ํ ์คํธ ์ค ๊ฐ๊ฒฉ)line-height:๊ฐ ์ผ๋ฐ์ ์ผ๋ก ์ค ๊ฐ๊ฒฉ์ ํฐํธํฌ๊ธฐ์ 1.5~2๋ฐฐ ์ ๋๊ฐ ์ ์ ํ๋ค๊ณ ํ๋ค. ํ ์คํธ ์๋์ฐtext-shadow: x , y, blur, color; ํ ์คํธ ์๋์ฐ์ ๊ฒฝ์ฐ ํธํ๋๋ ์น์ฌ์ดํธ๋ ํํญ/์ฌํ๋ฆฌ/์คํ๋ผ/ํฌ๋กฌ ์ ๋์ผ๋ญ.. ํ ์คํธ ๊ฐ๋ก์ ๋ ฌtext-align:์์ฑ๊ฐ(left/right/center/justify/inherit/auto) ํ ์คํธ ์ธ๋ก์ ๋ ฌv.. 2012. 10. 10. 10.09 ์คํ์ผ๋ฌ์ค ๋ง๋ณด๊ธฐ 1. $ํ์๋ก ๋ณ์๋ฅผ ์ ์๋ด๋ฆด์์๋ค. ์) $font12 = 0.75em font : font12 'Helvetica' ๋ ์ด ๋ณ์๋ฅผ ์ด์ฉํด์ ๊ฐ์ ๋ํ๊ณ ๋นผ๋๊ฒ๋ ๊ฐ๋ฅํ๋ค. ์) $font_basic = 0.75em $font_big = $font_basic + 1 ๋๋divfont-size:$font_basig+0.6์ด ๋ฐฉ๋ฒ์ ์์์ผ๋ฉด ์ฌ๋ฌ๊ฐ์ง๋ก ์์ฉ์ด ๊ฐ๋ฅํ๋ค.(+,/,* ๋ ๋๋๋ฐ - ๋ ์๋๋๋ฏ..) 2. &์ ์ด์ฉํด์ ์ ๋ ํฐ๋ ๊ฐ๋ฅํ๋ค. ์) divcolor:#fff&:first-childcolor:#f00 ์ด๋ด๊ฒฝ์ฐ div:first-child๋ก ๋จ 3. ๋จ์ ๋ฐ๊พธ๊ธฐ ์) $width_basic = 70% divwidth:$width_basicheight:($width_basic+500)px .. 2012. 10. 9. ์ด์ 1 ยทยทยท 4 5 6 7 8 9 10 ๋ค์