์ ์ฒด ๊ธ40 css ํฐํธ ๋จ์ ํธ๋ฆฌํ ์์ ์ ์ํ CSS ๋จ์๋ณ ํฐํธํฌ๊ธฐ(px, em, %, pt)PixelsEMsPercentPoints6px0.375em37.5%5pt7px0.438em43.8%5pt8px0.5em50%6pt9px0.563em56.3%7pt10px0.625em62.5%8pt11px0.688em68.8%8pt12px0.75em75%9pt13px0.813em81.3%10pt14px0.875em87.5%11pt15px0.938em93.8%11pt16px1em100%12pt17px1.063em106.3%13pt18px1.125em112.5%14pt19px1.188em118.8%14pt20px1.25em125%15pt21px1.313em131.3%16pt22px1.375em137.5%17pt23px1.438em143.8%1.. 2012. 9. 27. NHN css ์ ์ธ ์์ 1. display(ํ์)2. overflow(๋์นจ)3. float(ํ๋ฆ)4. position(์์น)5. width/height(ํฌ๊ธฐ)6. padding/margin(๊ฐ๊ฒฉ)7. border(ํ ๋๋ฆฌ)8. background(๋ฐฐ๊ฒฝ)9. color/font(๊ธ๊ผด)10. animation11. ๊ธฐํ 1~6 ๋ ์ด์์ | 7~8 ํ ๋๋ฆฌ/๋ฐฐ๊ฒฝ | 9 ๊ธ๊ผด | 10 ๋์ | 11 ๊ธฐํ ์ถ์ฒ[NHN ๋งํฌ์ ์ฝ๋ฉ ์ปจ๋ฒค์ ] 2012. 9. 27. ์ดํด๋ฆฝ์ค ๋จ์ถํค & ํ ***** ์ดํด๋ฆฝ์ค ์ฌ์ฉํ ๋ฐ ๋จ์ถํค ๋ชจ์ ******* ===== ์คํ ===== 1. Ctrl + F11 : ๋ฐ๋ก ์ ์ ์คํํ๋ ํด๋์ค ์คํ ===== ์์ค ๋ค๋น๊ฒ์ด์ ===== 1. Ctrl + ๋ง์ฐ์ค์ปค์(ํน์ F3) : ํด๋์ค๋ ๋ฉ์๋ ํน์ ๋ฉค๋ฒ๋ฅผ ์์ธํ๊ฒ ๊ฒ์ํ๊ณ ์ ํ ๋ 2. Alt + ->, Alt + ์ ๋ ฅํ๋ ๋์ค์ ์ธ์ ๋ผ๋ ๊ฐ์ ํธ์ถ ๊ฐ๋ฅํ๋ค. 2. F2 : ์ปดํ์ผ ์๋ฌ์ ๋นจ๊ฐ์ค์ ์ปค์๋ฅผ ๊ฐ์ ธ๋ค๊ฐ ์ด ํค๋ฅผ ๋๋ฅด๋ฉด ์๋ฌ์ ์์ธ์ ๋ํ ํํธ๋ฅผ ์ ๊ณตํ๋ค. 3. Ctrl + l : ์ํ๋ ์์ค ๋ผ์ธ์ผ๋ก ์ด๋ ๋ก์ปฌ ํ์คํ ๋ฆฌ ๊ธฐ๋ฅ์ ์ด์ฉํ๋ฉด ์ด์ ์ ํธ์งํ๋ ๋ด์ฉ์ผ๋ก ๋ณํ์ด ๊ฐ๋ฅํ๋ค. 4. Ctrl + Shift + Space : ๋ฉ์๋์ ๊ฐ๋ก์์ ์ปค์๋ฅผ ๋๊ณ ์ด ํค๋ฅผ ๋๋ฅด๋ฉด ํ๋ผ๋ฏธํฐ ํ์ ํํธ๋ฅผ ๋ณผ .. 2012. 9. 26. text-index:-9999px ๋์ฒด ๋ฐฉ๋ฒ 1. NHN๋ฐฉ๋ฒ(position/z-index๋ฅผ ์ด์ฉ) ๋ก๊ณ ์ผ๊ฒฝ์ฐ span์ ๋ก๊ณ ์ด๋ฏธ์ง๋ฅผ ๋ฃ๊ณ position์ ์ค์ ๊ธ์ ์์ ๊ทธ๋ฆผ์ด ์ค๊ฒ๋ ํจ. ์ข์์ :f12๋๋ ์๋ ์ด๋ฏธ์ง ์ฌ์ฉ ์ํจ์ด๋ผ๊ณ ์๋๋ฐ๊ทธ๋ ์ด๋ฏธ์ง๋ ์ฌ๋ผ์ ธ๋ ๊ธ์๊ฐ ๋จ์.(์ด๊ฑฐ๊น์ง ๊ณ ๋ คํด์ ๋ง๋ค์ด์ผ ๋๋ ๊ฒฝ์ฐ ์๋ค์ฃ ..) 2๋ฒ์งธ ๋ฐฉ๋ฒ์ ์์ฝํด์ ์ธ๊ฒ์ text-index:-9999px ์ ์ด์ฉํด์ ํ ์คํธ๋ฅผ ๋ค์ฌ์ฐ๊ธฐ ํ ๊ฒฝ์ฐ๋์ ๋ณด์ด์ง ์์ง๋ง ์ค์ ๋ชจ๋ํฐ ๋ฐ๊นฅ์์น๊น์ง ๋ค์ฌ์ฐ๊ธฐ๊ฐ ๋๊ธฐ ๋๋ฌธ์ ์ฑ๋ฅ์ธก๋ฉด์์๋ ๋นํจ์จ ์ ์ด๋ผ๊ณ ํฉ๋๋ค.(์๋ ์บ๋ฒ์ค๊ฐ 1024๋ฉด -9999px์ ๋ค์ฌ์ด๋งํผ ์บ๋ฒ์ค๋ก ๊ฐ์ฃผ) ๊ทธ๋ฆฌํ์ฌ ์ธ์์๋ ๋ฐฉ๋ฒ text-indent:100%white-space:nowrap;overflow:hidden; 100%๋งํผ ๋ค์ฌ์ฐ๊ธฐํ๊ณ now.. 2012. 9. 25. ์ด์ 1 ยทยทยท 6 7 8 9 10 ๋ค์