{"id":461,"date":"2012-01-27T08:27:51","date_gmt":"2012-01-27T08:27:51","guid":{"rendered":"http:\/\/brain.dailyon.net\/?p=461"},"modified":"2012-01-27T08:27:51","modified_gmt":"2012-01-27T08:27:51","slug":"css-%ec%9e%ac%eb%af%b8%eb%a1%9c-%ec%9d%bd%eb%8a%94-%ec%9a%b0%ec%84%a0-%ec%88%9c%ec%9c%84%ec%8b%a0%ec%99%95%ec%a1%b1%ea%b7%80%ec%a1%b1%ec%84%9c%eb%af%bc%ed%8e%ab","status":"publish","type":"post","link":"https:\/\/blog.goorigo.com\/?p=461","title":{"rendered":"CSS : \uc7ac\ubbf8\ub85c \uc77d\ub294 \uc6b0\uc120 \uc21c\uc704(\uc2e0,\uc655\uc871,\uadc0\uc871,\uc11c\ubbfc,\ud3ab)"},"content":{"rendered":"

css\uc5d0\uc11c \ud558\ub098\uc758 \ub300\uc0c1\uc5d0 \uc911\ubcf5\uc801 \uc124\uc815\uc2dc \uc5b4\ub5a4 \uac83\uc73c\ub85c \uacb0\uc815\ub418\ub294\uc9c0, \uc774\ub97c?\uac00\ubccd\uac8c<\/span>?\uc0b4\ud3b4\ubd05\uc2dc\ub2e4. \uc774\ub54c selector \ubc0f cascade\ub098 style \uc18d\uc131\ubc0f Important \uc0ac\uc6a9\uc774 \uc788\ub294\ub370, \uc5b4\ub5a0\ud55c \uacb0\uacfc\ub97c \uac00\uc838\uc62c\uc9c0 \ud655\uc778\ud574 \ubd05\uc2dc\ub2e4.<\/p>\n

<\/div>\n
\n\n\n\n\n\n\n\n\n\n
\ubd84\ub958<\/strong><\/span><\/td>\n\uc124\uba85<\/strong><\/span><\/td>\n\uc0ac\uc6a9 \uc608\uc2dc<\/strong><\/span><\/td>\n<\/tr>\n
\uc2e0<\/strong><\/span><\/td>\n[\ud504\ub85c\ud37c\ud2f0] !important \uc758 \uc0ac\uc6a9<\/span><\/td>\n{color: red?!important<\/span>}<\/span><\/td>\n<\/tr>\n
\uc655\uc871<\/strong><\/span><\/td>\n[HTML \uc18d\uc131] html \uc694\uc18c\uc758 style \uc18d\uc131 \uc0ac\uc6a9<\/span><\/td>\n<a?style=”color:red”<\/span>><\/span><\/td>\n<\/tr>\n
\uadc0\uc871<\/strong><\/span><\/td>\n[\uc120\ud0dd\uc790] id\uc758 \uc9c0\uc815<\/span><\/td>\n#head<\/span>?{color:red}<\/span><\/td>\n<\/tr>\n
\uc11c\ubbfc<\/strong><\/span><\/td>\n[\uc120\ud0dd\uc790] (\uac00\uc0c1) \ud074\ub798\uc2a4\uc758 \uc0ac\uc6a9, \uc18d\uc131\uc758 \uc2dc\uc815<\/span><\/td>\n.current<\/span>?{color:red}<\/span><\/td>\n<\/tr>\n
\ub178\ube44<\/strong><\/span><\/td>\n[\uc120\ud0dd\uc790] (\uac00\uc0c1) \uc694\uc18c\uc758 \uc9c0\uc815<\/span><\/td>\nspan<\/span>?{color:red}<\/span><\/td>\n<\/tr>\n
\ud3ab<\/strong><\/span><\/td>\n\uac12\uc758 \uc0c1\uc18d?<\/span><\/td>\n????<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
[ \uae30\ubcf8 \uaddc\uce59 ]<\/strong><\/div>\n
?<\/strong>?<\/strong><\/div>\n
<\/div>\n
1. \uacc4\uae09\uc774 \uc9f1\uc774\ub2e4.?<\/strong><\/div>\n
<\/div>\n
?\uac00\ub839 ‘\uadc0\uc871’\uc218\uc900\uc5d0\uc11c \uc9c0\uc815\ud558\uc600\ub294\ub370, \ubc31\ub9cc \ub300\uad70 ‘\uc11c\ubbfc’\uc774\ub098 \uae30\ud0c0 \uc774\ud558\uc758 \uc911\ubcf5\ub41c \uc124\uc815\uc740 \uc801\uc6a9\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/div>\n
<\/div>\n
\n\n\n\n
<style>
\n.red {color: red}
\nhtml body ul li span {color:yellow}
\n<\/style>
\n<ul>
\n<li>hello <span>red<\/span><\/li>
\n<\/ul><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\uc704\uc640 \uac19\uc740 \uac83\uc73c\ub85c \ub3d9\uc77c\ud55c \uac83\uc744 \uac00\ub974\ud0ac \uacbd\uc6b0, \uadc0\uc871\uc774 \uc11c\ubbfc\ubcf4\ub2e4 \uc6b0\uc120\ub429\ub2c8\ub2e4\uc694…<\/div>\n
<\/div>\n
2. \ub3d9\uc77c \uacc4\uae09\uc778 \uacbd\uc6b0<\/strong><\/div>\n
<\/div>\n
? ? : \ubcf4\ub2e4 \ucabd \uc218\uac00 \ub9ce\uc740 \uacbd\uc6b0\uac00 \uc6b0\uc120 \ud55c\ub2e4.<\/div>\n
\n\n\n\n
<style>
\nhtml body div span {color: yellow}
\nspan {color: red}<\/span>?
\n<\/style><\/p>\n

<div>
\nhello <span>yellow<\/span>
\n<div><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

? ? : \ucabd \uc218\ub3c4 \ub3d9\uc77c\ud55c \uacbd\uc6b0, \ub098\uc911 \uc120\uc5b8\uc774 \uc6b0\uc120\ud55c\ub2e4.<\/div>\n
\n\n\n\n
<style>
\nbody span {color: red}
\nhtml span {color: yellow}<\/span>
\n<\/style><\/p>\n

<div>
\nhello <span>yellow<\/span>
\n<div><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

<\/div>\n
3. \uc0c1\uc18d \ubc1c\uc0dd\uc2dc, \ud3ab\uc758 \ucc98\ub9ac<\/strong><\/div>\n
<\/div>\n
\uc544\ubb34\ub9ac \ud558\ub098\ub2d8\uc774 \uc124\uc815\ud55c \uc18d\uc131\uc744 \uc0c1\uc18d \ubc1b\uc544\ub3c4, \uc9c1\uc811 \ud574\ub2f9 \uc694\uc18c\uc5d0 \uc124\uc815\ub41c \uac83\uc774 \uc788\ub2e4\uba74 \uc774\uac83\uc774 \uc6b0\uc120\ud569\ub2c8\ub2e4.<\/div>\n
\n
<\/div>\n
\n\n\n\n
<style>
\nspan {color: yellow}
\n<\/style><\/p>\n

<div style=”color:red !important”>
\nhello <span>yellow<\/span>
\n<div><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

<\/div>\n
[\uacc4\uae09\ub3c4 \uc0b4\ud3b4\ubcf4\uae30]<\/strong><\/div>\n
<\/div>\n
1. \uc2e0 – !important<\/strong><\/div>\n
<\/div>\n
\ud574\ub2f9 \uc18d\uc131\uc758 \uac12 \ub4a4\uc5d0 !important\ub85c \uc4f4 \uacbd\uc6b0, \ub2e4\ub978 \uc5b4\ub5a0\ud55c \uc124\uc815\ub41c \uac12\ubcf4\ub2e4 \uc6b0\uc120\ud558\uc5ec \ucc98\ub9ac. \ub2e8 IE6\uc740 \ub2e4\uc74c\uacfc \uac19\uc774 \ud2b9\ubcc4\ud55c \uacbd\uc6b0\uc5d0 \ud574\ub2f9\ud558\uba74 \ubc84\uadf8\uac00 \ubc1c\uc0dd\ud568.<\/div>\n\n\n\n
<!– IE6\uc758 !important \ubc84\uadf8 –>
\n<style>
\nspan {color: red !important;color: yellow}
\n<\/span>? ? span {color: blue}?
\n<\/style><\/p>\n

hello <span>blue<\/span><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

IE6\uc5d0\uc11c\ub294 Important\ub97c \uc0ac\uc6a9\ud55c \ud504\ub85c\ud37c\ud2f0\uc758 \uac12\uc5d0\uc11c \ub2e4\uc2e0 \uc120\uc5b8\ud558\uba74 !imporant \uc131\uc9c8\uc774 \ubb34\uc2dc\ub428. \ub530\ub77c\uc11c \uc704\uc758 \uacbd\uc6b0\ub294 blue\ub85c \ucd9c\ub825.<\/div>\n
<\/div>\n
2. \uc655\uc871 – style \uc18d\uc131\uc758 \uc0ac\uc6a9?<\/strong><\/div>\n
\n\n\n\n
<span style=”color:red”>red<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
!important \ub97c \uc0ac\uc6a9\ud55c \ub2e4\ub978 css \uc0ac\uc6a9 \uc678\uc5d0 \ud574\ub2f9 \uc124\uc815\uc758 \ubcc0\uacbd\uc774 \ubd88\uac00\ub2a5\ud558\ub2e4.<\/div>\n
<\/div>\n

3. \uadc0\uc871 – id \uc9c0\uc815\uc758 \uc120\ud0dd\uc790?<\/strong><\/p>\n

<\/div>\n
\uba85\uc2dc\uc801\uc73c\ub85c id\ub97c \ud1b5\ud574 \uc9c0\uc815\ud558\ub294 \uc120\ud0dd\uc790 \uc0ac\uc6a9\uc774\ub2e4.<\/div>\n
\n\n\n\n
<style>
\n#red {color:red}
\n<\/style>
\n<span id=”red”>red<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n4. \uc11c\ubbfc – (\uac00\uc0c1) \ud074\ub798\uc2a4 \ubc0f \uc18d\uc131\uc758 \uc0ac\uc6a9 \uc120\ud0dd\uc790<\/strong><\/div>\n
<\/div>\n
\ud074\ub798\uc2a4 \ubc0f \uc18d\uc131, \uac00\uc0c1 \uc18d\uc131\uc758 \uc120\ud0dd\uc790\ub97c \uc774\uc6a9\ud558\ub294 \uac83\uc774\ub2e4.<\/div>\n
\n
<\/div>\n
\ud074\ub798\uc2a4\uc758 \uc0ac\uc6a9<\/p>\n\n\n\n
<style>
\n.red {color:red}
\n<\/style>
\n<span>red<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

\uc18d\uc131\uc758 \uc0ac\uc6a9 (\uc608\uc81c\ub294 IE8 \uc774\uc0c1 \uc9c0\uc6d0)<\/p>\n\n\n\n
<style>
\n[type=”text”] {color:red}
\n<\/style>
\n<input type=”text”>red<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\uac00\uc0c1 \ud074\ub798\uc2a4(pseudo class)\uc758 \uc0ac\uc6a9?(\uc608\uc81c\ub294 IE7\uc774\uc0c1 \uc9c0\uc6d0)<\/div>\n
\n\n\n\n
<style><\/span>
\n? ?:hover {color:red}<\/span>
\n<\/style><\/span>
\n<textarea>red<\/textarea><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\ub300\ud45c\uc801\uc73c\ub85c :link, :hover, :focus \ub4f1\uc774 \uc788\uc74c<\/p><\/div>\n

\n5. \ub178\ube44 – (\uac00\uc0c1) \uc694\uc18c\uc758 \uc120\ud0dd\uc790 \uc0ac\uc6a9<\/strong><\/div>\n
\n
<\/div>\n
\uc77c\ubc18\uc801 \uc694\uc18c\uc758 \uc120\ud0dd\uc7901<\/p>\n\n\n\n
<style><\/span>
\n? ? div {color:red}<\/span>
\n<\/style><\/span>
\n<div>red<\/div><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\uc77c\ubc18\uc801 \uc694\uc18c\uc758 \uc120\ud0dd\uc7902 – \uad00\uacc4\uc5d0 \ub530\ub978 \uc9c0\uc815 (IE7\uc774\uc0c1 \uc9c0\uc6d0)<\/p>\n\n\n\n
<style><\/span>
\n? ? div > span {color: red}
\ndiv span {color: yellow}
\n<\/style><\/span>
\n<div>hello <span>yellow<\/span><\/div><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\uc6b0\uc120 \uc21c\uc704\uc5d0 \ud2b9\ubcc4\ud55c \uc601\ud5a5\uc744 \uc8fc\uc9c0 \uc54a\ub294\ub2e4. \ub611\uac19\uc774 2\uac1c\uc758 \uc694\uc18c\ub97c \uc0ac\uc6a9\ud55c \uac83\uc73c\ub85c \ud310\ub2e8\ud558\uc5ec \ub098\uc911\uc758 yellow\uac00 \uc801\uc6a9\ub41c\ub2e4.<\/p><\/div>\n

\n\uac00\uc0c1 \uc694\uc18c(pseudo element)\uc758 \uc120\ud0dd\uc790 \uc0ac\uc6a9<\/p>\n\n\n\n
<style><\/span>
\n? ? :first-letter {color:red}
\n<\/style><\/span>
\n<div>red<\/div><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\ucc38\uace0\ub85c \uac00\uc0c1 \ud074\ub798\uc2a4 \ubc0f \uac00\uc0c1 \uc694\uc18c\ub294 \ubaa8\ub450 “:”\ubb38\uc790\ub85c \uc2dc\uc791\ud558\uc5ec \ud63c\ub780\ub420 \uc218 \uc788\uae30\ub3c4 \ud55c\ub370, \uac04\ub2e8\ud788 \uacb0\uacfc\uac00 \uc694\uc18c\ub0b4\uc758 \ud2b9\uc815\ud55c \uc601\uc5ed\uc778 \uacbd\uc6b0\ub294 \uac00\uc0c1 \uc694\uc18c, \uc694\uc18c \uc804\uccb4\uc5d0\uc11c \ubaa8\ub450\uac00 \ubc14\ub00c\ub294 \uacbd\uc6b0\ub294 \uac00\uc0c1 \ud074\ub798\uc2a4\ub85c \uad6c\ubcc4\ud558\uba74 \ub420 \ub4ef\ud558\ub2e4.<\/p><\/div>\n

<\/div>\n
6. \ud3ab – \uc0c1\uc18d\uc758 \ucc98\ub9ac<\/strong><\/div>\n
<\/div>\n
(\uc55e\uc758 \uc608\uc81c \ud655\uc778, \uc0dd\ub7b5)<\/div>\n
<\/div>\n
<\/div>\n
[CSS CASCADE]<\/strong><\/div>\n
<\/div>\n
CSS\ub294 \uba87\uac00\uc9c0 \uc911\ubcf5\ub41c \ucc98\ub9ac\ub97c \ud558\uace0 \uc788\ub2e4. \uc774\ub97c \ucd9c\ucc98(origin)\uc5d0 \ub530\ub77c \uad6c\ubcc4\ud558\uace0 \uc788\ub2e4. \ubcf4\ud1b5\uc758 \uc6f9\ube0c\ub77c\uc6b0\uc800\ub97c \uc774\uc6a9\ud558\uc5ec \ubcfc\ub54c, \uc790\uccb4\uc801\uc73c\ub85c \uae30\ubcf8\uc801\uc778 \uc2a4\ud0c0\uc77c\uc774 \uc801\uc6a9\ub418\uc5b4 \uc788\uace0, \ube0c\ub77c\uc6b0\uc800\uac04\uc5d0 \ucc28\uc774\uac00 \uc788\uc5b4 \uc7ac\uc124\uc815\ud560 \ud544\uc694\uac00 \uc788\ub2e4. \uc774\ub54c \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ubbf8\ub9ac \uc9c0\uc815\ub41c CSS\ub294 \ucd9c\ucc98\uac00 \uc5d0\uc774\uc804\ud2b8(user agent)\uc774\ub2e4. \ub610\ud55c \ud574\ub2f9 \uc6f9 \ubb38\uc11c\ub85c \uc5ec\uae30 \uc704\uc5d0 \ub2e4\uc2dc \uc791\uc131\ud55c \uac83\uc758 \ucd9c\ucc98\ub294 \uc800\uc790(author)\uac00 \ub41c\ub2e4. \ub9c8\uc9c0\ub9c9\uc73c\ub85c \ubcc4\ub85c \uc774\uc6a9\ud558\uc9c0 \uc54a\uc9c0\ub9cc \ucd5c\uc885\uc758 \uacb0\uacfc\ubb3c\uc5d0\uc11c \ub2e4\uc2dc \uc0ac\uc6a9\uc790(user)\uac00 \ud574\ub2f9 \uacb0\uacfc\uc5d0\uc11c \ub2e4\uc2dc \uc801\uc6a9\uc2dc\ud0ac \uc218 \uc788\ub2e4.<\/div>\n
<\/div>\n
\uc774\ub7ec\ud55c 3\uc885\uc758 CSS, \uc801\uc6a9\uc740 \uc911\ubcf5\uc801\uc774\uba70 \uacc4\uce35\uc801 \uc6b0\uc120 \uc21c\uc704\uac00 \uc788\ub2e4.<\/div>\n
\n\n\n\n
?User Agent(\ubcf4\ud1b5, \uc6f9\ube0c\ub77c\uc6b0\uc800) < User < Author(\ubcf4\ud1b5, \ud648\ud398\uc774\uc9c0 \uc791\uc131\uc790)<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\uadf8\ub7ec\ub098 author\uac00 user\ubcf4\ub2e4 \uc6b0\uc120 \uc21c\uc704\ub97c \ub454 \uc810\uc740 \ucd5c\uc885\uc801\uc778 \uc0ac\uc6a9\uc790\ub85c\uc368 \ub098\ub984\uc758 \uc2a4\ud0c0\uc77c \uc801\uc6a9\uc5d0 \uc81c\uc57d\uc774 \ud06c\uae30\uc5d0 \ubd88\ub9cc\uc77c \uc218 \ubc16\uc5d0 \uc5c6\ub2e4. \uadf8\ub7ec\ud55c \uae4c\ub2ed\uc778\uc9c0?\uc608\uc678\uc801\uc73c\ub85c user\uc758 !important \uc0ac\uc6a9\uc740 \uc774\ub7ec\ud55c \ucd9c\ucc98\ub97c \uac70\uc2ac\ub7ec \uc6b0\uc120\uad8c\uc744 \uc8fc\uace0 \uc788\ub2e4.<\/div>\n
\n\n\n\n
Author\uc758 !important <?<\/span>??User\uc758 !important<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
<\/div>\n
\uc774\ub97c \uc904\uc5ec \ub2e4\uc74c\uacfc \uac19\uc774 \uac04\ub2e8\ud788 \uacb0\ub860\uc744 \ub0b4\ub824\ubcf8\ub2e4. (\uc0ac\uc2e4 Author\uc758 !important\ub97c \ub098\ub220 \ubcfc \uc2e4\uc775\uc774 \uc5c6\ub2e4.)<\/div>\n
\n\n\n\n
?User Agent < User < Author < User\uc758 !important<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
<\/div>\n
\ucc38\uace0\ub85c \ubcf4\ud1b5 User \uc0ac\uc6a9\uc790 CSS\ub97c \uc801\uc6a9\ud558\ub294 \uacbd\uc6b0\uac00 \ud754\uce58 \uc54a\uc740\ub370, \uc774\uac83\uc740 \ube0c\ub77c\uc6b0\uc800 \uc124\uc815\uc774\ub098 \ub530\ub85c \uc678\ubd80\uc758 \ucd94\uac00\uae30\ub2a5\uc73c\ub85c \uc9c0\uc6d0\ub41c\ub2e4. \uc624\ud398\ub77c\ub098 \uc0ac\ud30c\ub9ac\ub294 \uc784\uc758\uc758 \uc0ac\uc6a9\uc790 \ud30c\uc77c\uc744 \uc9c0\uc815\ud560 \uc218 \uc788\uc73c\uba70 \ud30c\uc774\uc5b4\ud3ed\uc2a4\ub098 \ud06c\ub86c\uc740 stylish \ucd94\uac00\uae30\ub2a5\uc744 \uc774\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/div>\n
<\/div>\n
\ubb3c\ub860 \uc774\ub7ec\ud55c \ucd94\uac00\uae30\ub2a5\ub3c4 \uc815\ud655\ud788 \uc774\ub7ec\ud55c CSS cascade\uc758 \ucc98\ub9ac \uaddc\uce59\uc5d0 \ub530\ub978\ub2e4. \uc774\ub97c \ubc14\ud0d5\uc73c\ub85c \uc0ac\uc6a9\uc790\uac00 \uc791\uc131\ud55c \uc2a4\ud0c0\uc77c\uc744 \uacf5\uc720\ud558\ub294 \uc0ac\uc774\ud2b8\uc778 ?http:\/\/userstyles.org\/<\/a>?\ub3c4 \uc788\uc5b4, \uae30\uc874\uc758 \uc0ac\uc774\ud2b8\ub098 \ubb38\uc11c\ub97c \ub2e4\uc2dc \uc785\ub9de\uc5d0 \ub9de\uac8c \ubcc0\ud615\uc2dc\ucf1c \ubcfc \uc218 \uc788\ub2e4.?\uadf8\ub7ec\ub098 \uc0ac\uc6a9\uc790 \uce21\uba74\uc5d0\uc11c \ub2e4\uc2dc \uc2a4\ud0c0\uc77c\uc744 \uc785\ud788\ub294 \uacbd\uc6b0, \uadf8 \ucf54\ub4dc\ub294 !important\ub97c \ub9ce\uc774 \uc0ac\uc6a9\ud558\uae30 \ub9c8\ub828\uc774\uae30\uc5d0 \ub2e4\uc18c \uc9c0\uc800\ubd84\ud574 \ubcf4\uc77c \uc218 \ubc16\uc5d0 \uc5c6\ub2e4.<\/div>\n
<\/div>\n
<user\uc5d0\uc11c \ud55c\ubc88 !imporant \uc801\uc6a9\uc744 \ud574\ubd04;;; NATER??\"\"?><\/div>\n
<\/div>\n
\"\"<\/div>\n<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
[\uadf8\ub7ec\ud558\uae30\uc5d0…. (\uc880\ub354 \uae4a\uc740 \uc774\ud574)]<\/strong><\/div>\n
<\/div>\n
IE\ub9cc\uc740 \ud2b9\uc774\ud558\uac8c <a>\uc694\uc18c\uc548\uc5d0 <img>\ub294 \ud14c\ub450\ub9ac\ub97c \ud45c\uc2dc\ud55c\ub2e4. \uc544\ub9c8 \ub2e4\uc74c\uacfc \uac19\uc774 \uad6c\ud604\ub418\uc5c8\uc744 \uac83\uc774\ub2e4.<\/div>\n

 <\/p>\n\n\n\n
a:link img {border:…}<\/span>
\na:visited img {}
\n…<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\uc65c\ub0d0\ud558\uba74 border\ub294 \uc0c1\uc18d\ub418\ub294 \uac83\uc774 \uc544\ub2c8\uae30\uc5d0 img\uc5d0 \uc124\uc815\ub418\uc5c8\uc744 \uac83\uc774\uba70, \uc0c9\uc0c1\ub3c4 \ub2ec\ub77c\uc9c0\uae30\uc5d0 \uac00\uc0c1 \ud074\ub798\uc2a4\uc5d0 \ub530\ub77c \ub2ec\ub9ac \uc815\uc758 \ub418\uc5b4 \uc788\uc744 \uac83\uc774\ub2e4. \uc774\uac83\uc740 \ucd1d 1\uac1c\uc758 \uac00\uc0c1 \ud074\ub798\uc2a4\uc640 2\uac1c\uc758 \uc694\uc18c\ub97c \uc774\uc6a9\ud558\uc5ec \uc815\uc758 \ub418\uc5c8\ub2e4. ?\uadf8\ub7ec\ub098 \uc774\ub7ec\ud55c border\ub97c \uc5c6\uc560\ub294\ub370\ub294 \ub2e4\uc74c \ud55c \uc904\uc774\uba74 \uc871\ud558\ub2e4.<\/p>\n

\n\n\n\n
img {border:0}<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\ub538\ub791 1\uac1c\uc758 \uc694\uc18c\ub85c \uc5bc\ud54f \uaddc\uce59\uc5d0\uc11c \ubc97\uc5b4\ub09c \uac83\ucc98\ub7fc \ubcf4\uc778\ub2e4. \uadf8\ub7ec\ub098 \uc55e\uc11c \ub2e4\ub8e8\uc5c8\ub358 cascade\ub85c \uc0b4\ud3b4\ubcf4\uba74 \uc774\ub4e4\uc740 \ub3d9\uc77c \ud3c9\uba74\uc5d0 \uc704\uce58\ud55c \uac83\uc774 \uc544\ub2c8\ub2e4. \ucd9c\ucc98\uac00 \ub2e4\ub974\uae30 \ub54c\ubb38\uc774\ub2e4. \ubcf8\ub798 \ud14c\ub450\ub9ac\ub97c \ud45c\uc2dc\ud588\ub358 \uac83\uc758 \ucd9c\ucc98\ub294 user agent\uc774\uba70, \uc9c0\uae08\uc758 \ub0b4\uc6a9\uc740 author\uc774\ub2e4. user agent < author\uc778 \uae4c\ub2ed\uc774\uae30\uc5d0 \uc774\uc640 \uac19\uc774 \ucc98\ub9ac\ub41c\ub2e4.<\/p>\n

<\/div>\n
\ub098\uc634 \uae40\uc5d0 ?anchor \uc694\uc18c\ub97c \uc0b4\ud3b4\ubcf4\uc790. \ubbf8\ub9ac?User Agent\uc5d0\uc11c \uac00\uc0c1 \ud074\ub798\uc2a4\ub85c <a>\uc694\uc18c\ub3c4 \uae30\ubcf8 \uc124\uc815\uc740 \ub2e4\uc74c\uacfc \uac19\uc774 \ub418\uc5b4 \uc788\uc744 \uac83\uc774\ub2e4.?<\/span><\/div>\n
\n\n\n\n
a:link {}<\/span>
\na:visited {}?
\na:hover {}
\na:active {}<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\uc774\ub97c \uc0b4\ud3b4\ubcf4\uba74 (\uac00\uc0c1) \ud074\ub798\uc2a4 1\uac1c, \uc694\uc18c 1\uac1c\ub85c \uc815\uc758\ub418\uc5b4 \uc788\ub2e4.?<\/span>\uc774\ub7ec\ud55c \uac12\uc774 \ub9c8\uc74c\uc5d0 \ub4e4\uc9c0 \uc54a\uc544 \uc7ac\uc120\uc5b8\ud558\uba74 cascade \uc21c\uc11c\uc5d0 \ub530\ub77c author \uac00 user agent\uc5d0 \uc6b0\uc120\ud558\uc5ec \uc801\uc6a9\ub41c\ub2e4.<\/div>\n
\n\n\n\n
a {color:yellow}<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\ub9c8\ucc2c\uac00\uc9c0\ub85c User Agent \ubcf4\ub2e4 author\uac00 \uc6b0\uc120 \uc21c\uc704\uc5d0 \uc788\uc5b4 anchor\uc5d0 \uacf5\ud1b5\uc73c\ub85c \uc801\uc6a9\ub41c\ub2e4. \ub531\ud788 \uc0ac\uc815\uc774 \uc5c6\ub2e4\uba74 \ub300\ubd80\ubd84 underline\uc744 \ud45c\uc2dc\ud558\uace0 \uc788\ub294 user agent\uc758 \uc18d\uc131\ub3c4 \uc5ec\uc804\ud788 \uc801\uc6a9\ub418\uace0 \uc788\uc744 \uac83\uc774\ub2e4. \uac00\uc0c1 \ud074\ub798\uc2a4\ub97c \uc880\ub354 \uc0b4\ud3b4\ubcf4\uc790.<\/div>\n
<\/div>\n
‘\ub9c1\ud06c \uac00\uc0c1 \ud074\ub798\uc2a4’\uc778?:link\uc640 :visited\ub294 \ubc29\ubb38 \uc5ec\ubd80\uc5d0 \ub530\ub77c \ub458\uc911 \ud558\ub098\ub85c \uc120\ud0dd\ub418\ub294 \ubc30\ud0c0\uc801 \uad00\uacc4\uc774\ub2e4. \uadf8\ub7ec\ud558\uae30\uc5d0 :link\ub098 :visited\ub294 \uc0ac\uc2e4 \uc911\ubcf5\uc774 \ubc1c\uc0dd\ud558\uc9c0 \uc54a\uae30\uc5d0 \uc21c\uc11c\uac00 \uc911\uc694\ud558\uc9c0 \uc54a\uc73c\uba70 \uc77c\uc885\uc758 \uad00\uc2b5\uc801\uc778 \ubd80\ubd84\uc774\ub2e4.<\/div>\n
<\/div>\n
anchor\uc694\uc18c\ub294 \uae30\ubcf8\uc801\uc73c\ub85c :link\ub098 :visited\uc758 \ud558\ub098\uc778 \uc0c1\ud0dc\uc5d0\uc11c \ud45c\uc2dc\ub41c\ub2e4. \uc774\ud6c4 \ubcf4\ud1b5 :hover\ub294 \ub9c8\uc6b0\uc2a4\uac00 \uc62c\ub77c\uac04 \uc21c\uac04\uc774\uba70, \uadf8 \ub4a4\uc5d0 \uc774\uc5b4 \ud074\ub9ad \ud6c4 \ub193\uc77c \ub54c\uae4c\uc9c0 :active \uac00 \uc791\ub3d9\ub41c\ub2e4. \uc774\ub4e4 \ubc1c\uc0dd\uc740 \uc21c\uc11c\uac00 \uc788\uc73c\uba70 \ub3d9\uc2dc\uc5d0 2\uac1c \uc774\uc0c1\uc758 \uac00\uc0c1 \ud074\ub798\uc2a4\uac00 \uc801\uc6a9\ub420 \uc218 \uc788\ub2e4.<\/div>\n
<\/div>\n
\ub2e4\uc2dc \ub9d0\ud574 achor\uc694\uc18c\ub294 \ub3d9\uc2dc\uc5d0 3\uac1c\uc758 \uac00\uc0c1 \ud074\ub798\uc2a4\uac00 \uc801\uc6a9\ub418\ub294 \uc21c\uac04\uc774 \ubc1c\uc0dd\ub420 \uc218 \uc788\ub2e4. \uadf8\ub9ac\uace0 \uadf8\uac83\uc5d0 \uad00\ud55c \uac83\uc740 \uc704\uc640 \uac19\uc774 \uc791\uc131\ud558\uc600\ub2e4\uba74 \ubaa8\ub450 1\uac1c\uc758 \uc694\uc18c\uc640 \uac00\uc0c1\ud074\ub798\uc2a4\ub85c \uc791\uc131\ud558\uc600\uae30\uc5d0 \ub3d9\uc704\uc5d0 \uc788\ub2e4. \ub3d9\uc2dc 3\uac1c\uac00 \uc801\uc6a9\uac00\ub2a5\ud55c \uc21c\uac04\uc5d0 \uc11c\ub85c \ub2e4\ub978 \ud504\ub85c\ud37c\ud2f0\uc5d0 \uad00\ud55c \uc124\uc815\uc774\ub77c\uba74 \ubaa8\ub450 \ub2e4 \uc801\uc6a9\ub420 \uac83\uc774\uba70, \uac19\uc740 \ud504\ub85c\ud37c\ud2f0\uc5d0 \uad00\ud574 \ub2e4\ub974\uac8c \uc124\uc815\ud588\ub2e4\uba74 \uc5ed\uc2dc \uaddc\uce59\uc5d0 \ub530\ub77c \ub098\uc911\uc5d0 \uc628 \uac83\uc774 \uc801\uc6a9\ub418\uae30 \ub9c8\ub828\uc774\ub2e4.<\/div>\n
<\/div>\n
\ub530\ub77c\uc11c \uc5bc\ud54f achor \uc694\uc18c\uc758 \uc801\uc6a9\uc774 \ub9c8\uce58 \uc21c\uc11c\uac00 \uc788\ub2e4\ub4ef \uc774\ub7ec\ud55c CSS \uc801\uc6a9\uc758 \uaddc\uce59\uc5d0 \uc608\uc678\ucc98\ub7fc \ubcf4\uc77c \uc218 \uc788\uc9c0\ub9cc, ?\uc81c\ub300\ub85c \uaddc\uce59\uc5d0 \ub530\ub77c \uc815\ud655\ud788 \ucc98\ub9ac\ud558\uace0 \uc788\ub294 \uac83\uc774\ub2e4. \uc774\ub7ec\ud55c \uc131\uc9c8\uc744 \uac10\uc548\ud574\uc11c \ubaa8\ub450 \ud480\uc5b4\uc4f0\uba74 \uc5bc\ucd94 \ub2e4\uc74c\uacfc \uac19\uc740 \ub0b4\uc6a9\uc774 \ub41c\ub2e4.<\/div>\n
\n\n\n\n
a:link {}<\/span>
\na:link:hover {}
\na:link:hover:active {}
\na:visited {}
\na:visited:hover {}
\na:visited:hover:active {}<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
<\/div>\n
\uc704\uc640 \uac19\uc774 \uc791\uc131\ud55c\ub2e4\uba74.. \uc21c\uc11c\uc5d0 \uc0c1\uad00 \uc4f8 \ud544\uc694\ub294 \uc5c6\ub2e4.. \uadf8\ub7ec\ub098 \uc5c4\uc5f0\ud788 3\uac1c\uc758 \uac00\uc0c1 \ud074\ub798\uc2a4\uc640 1\uac1c\uc758 \uac00\uc0c1 \ud074\ub798\uc2a4\ub294 \ucc28\uc774\uac00 \uc788\ub2e4. \uadf8\ub9ac\uace0 \uc774\ub807\uac8c \uc4f0\uae30\uc5d0\ub294…?\uc774\uac70 \ucc38.. @.@ ?\ub610\ud55c \uc774\ub7ec\ud55c \uc21c\uc11c\ub97c \uc54c\uac8c \ub418\uc5c8\ub2e4\uba74, \uc774\ud6c4 \ubcc0\uacbd\uc774 \ud544\uc694 \uc5c6\ub294 \ubd80\ubd84\uc774 \uc774\uc5b4\uc9c4\ub2e4\uba74 \uadf8\uc5d0 \ub530\ub77c :hover\ub098 :active\ub294 \uc0dd\ub7b5\ud558\uc5ec\ub3c4 \ubb34\ubc29\ud558\ub2e4.<\/div>\n
<\/div>\n
‘\ub3d9\uc801 \uac00\uc0c1 \ud074\ub798\uc2a4’\uc778 hover\uc640 active\ub294 achor\uc678\uc5d0 \ub2e4\ub978 \uc694\uc18c \uc9c0\uc6d0\uc774 IE\uc5d0 \ub530\ub77c \ucc28\uc774\uac00 \uc788\ub2e4. IE7\uc774\uc0c1\uc5d0\uc11c :hover\uac00 \ub2e4\ub978 \uc694\uc18c\uc5d0 \uc9c0\uc6d0\ub418\uae30 \uc2dc\uc791\ud588\uc73c\uba70, :active\ub294 IE8\uc774\uc0c1\uc5d0\uc11c \ub418\uc5b4 \ud655\ub300\ub418\uc5c8\ub2e4.<\/div>\n
<\/div>\n
\ub9cc\uc77c \ub2e4\ub978 \uc694\uc18c\uc5d0 \ub300\ud558\uc5ec :hover\uac00 IE6\uc5d0\uc11c \uc9c0\uc6d0\ud558\uc600\ub2e4\uba74, \uc9c0\uae08\ucc98\ub7fc \uba54\ub274 \uad6c\ud604\uc5d0 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uac00 \ud544\uc694\ud558\uc9c0 \uc54a\uc558\uc744 \uac83\uc774\ub2e4. \uadf8\uc800 :hover\ub97c \uc774\uc6a9\ud574 \uc790\uc2dd \uc694\uc18c\uc758 display\uc758 none \uc124\uc815 \uc5ec\ubd80\ub97c \ub2ec\ub9ac \ud560 \uc218 \uc788\uae30 \ub54c\ubb38\uc774\ub2e4. \uc774\uc81c IE6 \uc9c0\uc6d0\uc744 \ud3ec\uae30\ud55c\ub2e4\uba74 :hover\ub97c \uac00\uc9c0\uace0 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc5c6\uc774 \uba54\ub274\ub97c \uc791\uc131\ud560 \uc218 \uc788\ub2e4.<\/div>\n
<\/div>\n
—–<\/div>\n
<\/div>\n
\ud5c9.. ?\uac00\uc0c1\ud074\ub798\uc2a4\uc5d0\uc11c cascade\uc5d0 \uc608\uc678\uc801\uc73c\ub85c \ubcf4\uc778\ub2e4\ub294 \ub0b4\uc6a9\uc774 \uc624\ub958\uac00 \uc788\uc5b4 \uc815\uc815\ud588\uc2b5\ub2c8\ub2e4. \uc8c4\uc1a1\ud569\ub2c8\ub2e4. cascade\uc5d0 \ub530\ub77c \ubcf8\ub798 user agent\ubcf4\ub2e4 author\uac00 \uc6b0\uc120\ub418\ub294 \uaddc\uce59 \uadf8\ub300\ub85c \uc791\ub3d9\ub429\ub2c8\ub2e4.<\/div>\n<\/div>\n
<\/div>\n
<\/div>\n
\ucd9c\ucc98 :??http:\/\/sir.co.kr\/bbs\/board.php?bo_table=pg_html&wr_id=12462&cc=5<\/a>?\uae00\uc4f4\uc774 \ud83d\ude15aequum<\/a><\/div>\n
<\/div>\n","protected":false},"excerpt":{"rendered":"

css\uc5d0\uc11c \ud558\ub098\uc758 \ub300\uc0c1\uc5d0 \uc911\ubcf5\uc801 \uc124\uc815\uc2dc \uc5b4\ub5a4 \uac83\uc73c\ub85c \uacb0\uc815\ub418\ub294\uc9c0, \uc774\ub97c?\uac00\ubccd\uac8c?\uc0b4\ud3b4\ubd05\uc2dc\ub2e4. \uc774\ub54c selector \ubc0f cascade\ub098 style \uc18d\uc131\ubc0f Important \uc0ac\uc6a9\uc774 \uc788\ub294\ub370, \uc5b4\ub5a0\ud55c \uacb0\uacfc\ub97c \uac00\uc838\uc62c\uc9c0 \ud655\uc778\ud574 \ubd05\uc2dc\ub2e4. \ubd84\ub958 \uc124\uba85 \uc0ac\uc6a9 \uc608\uc2dc \uc2e0 [\ud504\ub85c\ud37c\ud2f0] !important… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/461"}],"collection":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=461"}],"version-history":[{"count":0,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/461\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}