๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ“ฐ CS ์ค€๋น„/HTML, CSS

(2)
CSS class์™€ id์˜ ์ฐจ์ด์ ์— ๊ด€ํ•ด์„œ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. “reset” CSS๊ฐ€ ๋ฌด์—‡์ธ์ง€, ์–ด๋–ป๊ฒŒ ์œ ์šฉํ•œ์ง€ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. Floats๊ฐ€ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. z-index์— ๊ด€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. BFC(Block Formatting Context)์— ๊ด€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š” ํด๋ฆฌ์–ด๋ง(Clearing) ๊ธฐ์ˆ ์—๋Š” ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ์œผ๋ฉฐ, ์–ด๋–จ ๋•Œ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ ์ ˆํ•œ์ง€ ์„ค๋ช…ํ•˜์„ธ์š”. CSS ์Šคํ”„๋ผ์ดํŠธ(CSS Sprites)๋ฅผ ์„ค๋ช…ํ•˜๊ณ , ํŽ˜์ด์ง€๋‚˜ ์‚ฌ์ดํŠธ๋ฅผ ์–ด๋–ป๊ฒŒ ํ–ฅ์ƒํ•˜๋Š”์ง€ ์„ค๋ช…ํ•˜์„ธ์š”. Image Replacement๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•  ๋•Œ, ์„ ํ˜ธํ•˜๋Š” ๊ธฐ์ˆ ๊ณผ ์–ธ์ œ ์‚ฌ์šฉํ•˜๋Š”์ง€๋ฅผ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. ๋ธŒ๋ผ์šฐ์ € ์ŠคํŽ™ ์ฐจ์ด์— ๋”ฐ๋ฅธ ์Šคํƒ€์ผ๋ง ์ด์Šˆ๋ฅผ ์ˆ˜์ •ํ•˜๊ธฐ ์œ„ํ•ด์„œ ์–ด๋–ป๊ฒŒ ์ ‘๊ทผํ•˜๋‚˜์š”? ๊ธฐ๋Šฅ์ด ์ œ์•ฝ๋œ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์œ„ํ•ด์„œ ์–ด๋–ค ๋ฐฉ์‹์œผ๋กœ ํŽ˜์ด์ง€..
HTML doctype์ด ๋ฌด์—‡์„ ํ•˜๋Š” ๊ฒƒ์ธ๊ฐ€์š”? ํ‘œ์ค€๋ชจ๋“œ(standards mode)์™€ ์ฟฝ์Šค๋ชจ๋“œ(quirks mode)์˜ ๋‹ค๋ฅธ ์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š”? XML๊ณผ XHTML์˜ ๋‹ค๋ฅธ ์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š” XHTML์„ ์ด์šฉํ•œ ํŽ˜์ด์ง€์˜ ํ•œ๊ณ„์ ์€ ๋ฌด์—‡์ด ์žˆ๋‚˜์š”? application/xhtml+xml์œผ๋กœ ์ง€์ •ํ•œ ํŽ˜์ด์ง€์— ์–ด๋– ํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ๋‚˜์š”? ๋‹ค๊ตญ์–ด๊ฐ€ ํฌํ•จ๋œ ํŽ˜์ด์ง€๋Š” ์–ด๋–ค ๋ฐฉ์‹์œผ๋กœ ์ œ๊ณตํ•˜๋‚˜์š”? ๋‹ค๊ตญ์–ด ํŽ˜์ด์ง€๋ฅผ ์ œ๊ณตํ•˜๋Š” ์—ฌ๋Ÿฌ ๋ฐฉ๋ฒ•์— ๊ด€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. data-์†์„ฑ์€ ๋ฌด์—‡์„ ํ•˜๋Š” ๊ฒƒ์ธ๊ฐ€์š”? ์‚ฌ์šฉํ–ˆ์„ ๋•Œ ์ด์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š”? HTML5๋ฅผ ์˜คํ”ˆ ์›น ํ”Œ๋žซํผ(open web platform)์œผ๋กœ ์ƒ๊ฐํ•ด๋ณธ๋‹ค๋ฉด, ์–ด๋–ค ๊ฒƒ๋“ค๋กœ ๊ตฌ์„ฑ๋ผ ์žˆ์„๊นŒ์š”? ์ฟ ํ‚ค(Cookies)์™€ ์„ธ์…˜์ €์žฅ์†Œ(sessionStorage)์™€ ๋กœ์ปฌ์ €์žฅ์†Œ(localStorage)์˜ ์ฐจ์ด..