Ç°Áú ¿ì¼±, ÃÖ°íÀÇ ¼ºñ½º. °í°´Àº ¿ì¸®ÀÇ Ä£±¸ÀÔ´Ï´Ù.
ÆÐ¼Ç µðÀÚÀÎ, 100% »õ·Î¿î, ³ôÀº Ç°Áú!
¼³¸í:
Á¦Ç°¸í: Åä³¢ ¸ðÇÇ ½ºÆØ±Û ¸ðÀÚ
Ç¥½ÃµÈ »ö»ó
Àç·á: Åä³¢ ¸ðÇÇ
»çÀÌÁî: 56-58cm
ÆÐ¼Ç µðÀÚÀÎ ½ºÆØ±Û ¸ðÀÚ. Àý¹¦ÇÑ ÀåÀÎ Á¤½Å, ºÎµå·´°í ¼¼½ÉÇÑ ¿ø´Ü, ÀÚÀ¯·Ó°Ô ±¸¸Å
¾ö¼±µÈ Àç·á, ¶Ù¾î³ ¼Ø¾¾, µ¶Æ¯ÇÑ °³¼º, Àú·ÅÇÑ °¡°Ý, µ¶Æ¯ÇÑ ½ºÅ¸ÀÏ.
³ëÆ®:
1. »çÁø¿¡ ¾à°£ÀÇ »ö¼öÂ÷¸¦ Çã¿ëÇϽʽÿÀ
2. ¼öµ¿ ÃøÁ¤À¸·Î ÀÎÇØ Å©±â°¡ ´Ù¸¦ ¼ö ÀÖ½À´Ï´Ù
ÀÌ Á¦Ç°¿¡´Â ´ÙÀ½ÀÌ Æ÷ÇԵ˴ϴÙ.
1 pc ¸ðÀÚ¼³¸í html { -ms-ÅؽºÆ® Å©±â-Á¶Á¤: 100%;-webkit-ÅؽºÆ® Å©±â-Á¶Á¤: 100%;}
¸ö {
¹è°æ »ö»ó: # F9FAFC;
¹è°æ-¹Ýº¹: ¹Ýº¹ ¾øÀ½;
¹è°æ-À§Ä¡: Áß¾Ó »ó´Ü;
¹è°æ Å©±â: 100%;
±Û²Ã Æйи®: ·Îº¸ Åä, `ÇﺣƼī ³ëÀÌ-¶óÀÌÆ®`,`ÇﺣƼī ³ëÀÌ ¶óÀÌÆ®`,`ÇﺣƼī ³ëÀÌ`, ÇﺣƼī, ¾Æ¸®¾Ë, »ê¼¼¸®ÇÁ, ÀüÆí; »ö»ó: #222;
¿©¹é: 0;
Æеù: 0;
}
{¹è°æ»ö: Åõ¸í; -webkit-ÅؽºÆ®-Àå½Ä-°Ç³Ê ¶Ù±â: °³Ã¼; ÅؽºÆ®-Àå½Ä: ¾øÀ½;}
A: È°¼º, a:hover {À±°û¼±-³Êºñ: 0;}
B, °ÇÑ {±Û²Ã ¹«°Ô: »ó¼Ó;}
B, °ÇÑ {±Û²Ã ¹«°Ô: ±½°Ô;}
H1 {±Û²Ã Å©±â: 2em; ¿©¹é: 0.67em 0;}
Small,.small {±Û²Ã Å©±â: 80%;}
Img {±¹°æ ½ºÅ¸ÀÏ: ¾øÀ½;}
±×¸² {¿©¹é: 1rem 2.5rem;}
Hr {»óÀÚ Å©±â: ³»¿ë »óÀÚ; ³ôÀÌ: 0; ¿À¹öÇ÷Î: Ç¥½Ã;}
¹öÆ°, ÀÔ·Â, ¼±ÅÃ, textarea {±Û²Ã: »ó¼Ó; ¿©¹é: 0; Å׵θ®-¹Ý°æ: 0;}
ÀÔ·Â [À¯Çü = ¼ýÀÚ], ÀÔ·Â [À¯Çü = ÅؽºÆ®]{-webkit-¸ð¾ç: ¾øÀ½;}
¹öÆ°, ÀÔ·Â {¿À¹öÇ÷Î: visible;}
¹öÆ°À» ¼±ÅÃÇÏ°í {text-transform: none;}
¹öÆ°, html [À¯Çü = "¹öÆ°"],[À¯Çü = "Àç¼³Á¤"],[À¯Çü = "Á¦Ãâ"] {-webkit-¸ð¾ç: ¹öÆ°;}
¹öÆ°::-moz-ÃÊÁ¡-³»ºÎ, [À¯Çü = "¹öÆ°"]:-moz-ÃÊÁ¡-³»ºÎ, [À¯Çü = "Àç¼³Á¤"]:-moz-ÃÊÁ¡-³»ºÎ, [À¯Çü = "Á¦Ãâ"]::-moz-ÃÊÁ¡-³»ºÎ {Å׵θ® ½ºÅ¸ÀÏ: ¾øÀ½; Æеù: 0;}
¹öÆ°:-moz-focusring,[À¯Çü = "¹öÆ°"]:-moz-focusring,[À¯Çü = "Àç¼³Á¤"]:-moz-focusring,[À¯Çü = "Á¦Ãâ"]:-moz-focusring {°³¿ä: 1px Á¡¼± ButtonText;}
Textarea {¿À¹öÇ÷Î: ÀÚµ¿;}
[À¯Çü = "È®Àζõ"],[À¯Çü = "¶óµð¿À"] {»óÀÚ Å©±â: Å׵θ® »óÀÚ; Æеù: 0;}
[À¯Çü = "¼ýÀÚ"]:-webkit-³»ºÎ-½ºÇÉ ¹öÆ°, [À¯Çü = "¼ýÀÚ"]:-webkit-¿ÜºÎ-½ºÇÉ ¹öÆ° {³ôÀÌ: ÀÚµ¿;}
[À¯Çü = "°Ë»ö"] { -webkit-¸ð¾ç: ÅؽºÆ® Çʵå; °³¿ä-¿ÀÇÁ¼Â: -2px; }
[À¯Çü = "°Ë»ö"]:-webkit-°Ë»ö-Ãë¼Ò-¹öÆ°, [À¯Çü = "°Ë»ö"]:-webkit-°Ë»ö-Àå½Ä { -webkit-¸ð¾ç: ¾øÀ½;}
::-Webkit-ÀÔ·Â ÀÚ¸® Ç¥½ÃÀÚ {color: »ó¼Ó; ºÒÅõ¸íµµ: 0.54;}
::-Webkit-ÆÄÀÏ-¾÷·Îµå-¹öÆ° { -webkit-¸ð¾ç: ¹öÆ°; ±Û²Ã: »ó¼Ó;}
Ul, ol,dl {list-style: ¾øÀ½;}
ÀÔ·Â, ¹öÆ°, ÅؽºÆ® ¿µ¿ª {°³¿ä: ¾øÀ½}
. Clearfix: {content: "" µÚ¿¡; Ç¥½Ã: ºí·Ï; Áö¿ì±â: µÑ ´Ù; ³ôÀÌ: 0;}
. Çì´õ {ÃÖ¼Ò ³Êºñ: 20rem;}
. Çì´õ h1 {±Û²Ã Å©±â: 1.5rem; ±Û²Ã ½ºÅ¸ÀÏ: ±â¿ïÀÓü; ÅؽºÆ®-Á¤·Ä: ¼¾ÅÍ; »ö»ó: #666;}
. ÄÁÅ×ÀÌ³Ê {ÃÖ¼Ò ³Êºñ: 19rem; ¿©¹é: 0 ÀÚµ¿; Æеù: 0 .5rem}
. ÅÇ-±×·ì {¿©¹é-ÇÏ´Ü: 1rem;}
. ÅÇ-±×·ì ÀÔ·Â {Ç¥½Ã: ¾øÀ½;}
. ÅÇ-±×·ì ·¹À̺í {Ç¥½Ã: ÀζóÀÎ ºí·Ï; ¿©¹é: 0; Æеù: .5rem .25rem; ±Û²Ã µÎ²²: 600; ÅؽºÆ®-align: center;
»ö»ó: #666; ¹è°æ: # e9e9e9; ±Û²Ã Å©±â: .875rem; Å׵θ®-¹Ý°æ: .25 ·½. 25rem 0 0; Å׵θ®:.0625rem # ccc ¼Ö¸®µå; Å׵θ®-ÇÏ´Ü: ¾øÀ½;}
. ÅÇ-±×·ì ·¹À̺í: hover { color: # fff; ¹è°æ-»ö»ó: #999; Ä¿¼: Æ÷ÀÎÅÍ;}
. ÅÇ-±×·ì. ÅÇ-³»¿ë {Ç¥½Ã: ¾øÀ½; Æеù: 1rem; Å׵θ®:.0625rem Åõ¸í ´Ü»ö; ¹è°æ-»ö»ó: # fff; ±Û²Ã Å©±â: .875rem;}
. ÅÇ-±×·ì ÀÔ·Â: checked + label{ color: # fff; ¹è°æ: #666;}
# Tab1: È®ÀÎ ~ # content1,
# Tab2: È®ÀÎ ~ # content2,
# Tab3: È®ÀÎ ~ # content3 {
Ç¥½Ã: ºí·Ï;
±¹°æ ¹Ý°æ: 0 0 .25rem .25rem;
¶óÀÎ ³ôÀÌ: 1.5rem;
Å׵θ® »ö»ó: # ddd;
}
# Content3 {Æеù-»ó´Ü: 0;}
. ÅÇ-±×·ì. ÅÇ-³»¿ë> img{ max-width: 96%; Ç¥½Ã: ºí·Ï; ¿©¹é: 0 ÀÚµ¿;}
. Á¤Ã¥ {±Û²Ã Å©±â: .875rem; ¿©¹é-ÇÏ´Ü: 1rem;}
. Á¤Ã¥ h2 {¿©¹é: 0 -1rem; »ö»ó: #576c79; ¹è°æ: # ececec; ±Û²Ã Å©±â: 1rem; ³ôÀÌ: 2rem; ¶óÀÎ ³ôÀÌ: 2rem; Æеù: 0 1 ·½;}
. Á¤Ã¥ h3{ border-¿ÞÂÊ: .125rem #576c79 ¼Ö¸®µå; Æеù-¿ÞÂÊ: .5rem;}
. Á¤Ã¥ p {¶óÀÎ-³ôÀÌ: 1.5rem;}
. Á¤Ã¥ p>img {ÃÖ´ë Æø: 96%;}
. ¹Ù´Ú ±Û {³ôÀÌ: 3rem; ÅؽºÆ®-align: center; Æеù-»ó´Ü: 1rem;
¹è°æ À̹ÌÁö: url(../À̹ÌÁö/footer-bg.png);
¹è°æ Å©±â: 100%;
¹è°æ-À§Ä¡: ÇÏ´Ü Áß¾Ó;
¹è°æ-¹Ýº¹: ¹Ýº¹ ¾øÀ½;
}
. ¹Ù´Ú±Û {»ö»ó: #576C79; ±Û²Ã Å©±â: .75rem;}
. ¹Ù´Ú±Û a:hover{ color: #333;}
@ ¹Ìµð¾î È¸é ¹× (ÃÖ¼Ò ³Êºñ: 650px) {
. Çì´õ h1{ text-align: ¿ÞÂÊ; ÃÖ´ë ³Êºñ: 60rem; ¿©¹é: 1rem ÀÚµ¿; ±Û²Ã Å©±â: 2rem;}
. ÄÁÅ×ÀÌ³Ê {ÃÖ´ë ³Êºñ: 60rem; }
. ¹Ù´Ú ±Û {³ôÀÌ: 4rem;}
. ÅÇ-±×·ì ·¹À̺í {min-width: 20%;}
}