À¥Ç¥ÁØ [ÀÔ¹® + °í±Þ]




À¥Ç¥ÁØ [ÀÔ¹® + °í±Þ] »ç¿ë¹ý °ÁÂ
À¥°³¹ßÀ» ½ÃÀÛÇÏ´Â ºÐµéÀÌ ¹Ýµå½Ã ÀÌ¿ëÇØ¾ß Çϸç Àü¹®°¡Àû ÇüÅ·Π°ÀDZ¸¼ºÀÌ ÁøÇàµÇ°í ÀÖ¾î ´Ü°è¿¡ µû¶ó ü°èÀûÀ¸·Î ÇнÀÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÔ¹®ÀÚ»Ó¸¸ ¾Æ´Ï¶ó Àü¹®°¡¿¡°Ôµµ µµ¿òÀÌ µÇ´Â ³»¿ëÀÔ´Ï´Ù.
- À¥Ç¥ÁØ [ÀÔ¹®]
-
01.27ºÐ À¥Ç¥ÁØ ½ºÅ³ÀÇ ÆøÇ³¼ºÀåÀ» À§ÇÑ Çʼö°úÁ¤! 1
À¥¹®¼ ¹× ¼Ò½º °ü·Ã ÆÁ
Ã¥°¥ÇÇ : [00:00] À¥¹®¼ °³³ä/[00:25] doctype html/[00:43] style type/[00:52] À¥¹®¼¿¡ css Àû¿ëÇÏ´Â ¹æ¹ý/[01:06] ²ÜÆÁ/[02:34] pű×, divű×/[02:46] bodyű×/[03:03] css Àû¿ë/[03:15] ²ÜÆÁ/[03:37] Äݷаú ¼¼¹ÌÄÝ·ÐÀÇ Â÷ÀÌ/[03:57] font size ´ÜÀ§(px, em, pt)/[04:10] ²ÜÆÁ/[04:16] emÀÌ »ç¿ëµÇ´Â °æ¿ì/[04:25] ²ÜÆÁ/[05:03] °á°ú È®ÀÎ/[05:53] ²ÜÆÁ/[06:03] ²ÜÆÁ/[07:05] ²ÜÆÁ/[07:55] color/[08:40] ²ÜÆÁ/[10:03]color °ª ¿ì¼± ¼øÀ§/[10:27] ²ÜÆÁ/[11:10] ²ÜÆÁ/[11:45] ¿ä¼Òº° ÁÙ ¹Ù²Þ/[12:09] ÁÖ¼®Ã³¸® ¹æ¹ý/[12:43] ¾ÆÀ̵𿡠css Àû¿ë/[13:08] ¾ÆÀ̵𰪠ÄÚµù/[13:12] ²ÜÆÁ/[13:17] ²ÜÆÁ/[13:33] ²ÜÆÁ/[13:49] sans-serif/[13:56] ²ÜÆÁ/[14:24] body ³»¿ë »ý¼º/[14:41] ²ÜÆÁ/[15:35] Ŭ·¡½º¿¡ css Àû¿ë/[15:56] font-size, color/[16:13] ²ÜÆÁ/[16:51] img/[17:16] À̹ÌÁö Å׵θ® ¾ø¾Ö±â/[17:29] ²ÜÆÁ/[17:33] border:0 none/[18:33] img, fieldset, iframe/[19:03] aű×/[20:04] ²ÜÆÁ/[20:36] ²ÜÆÁ/[20:53] ²ÜÆÁ/[21:10] ²ÜÆÁ/[21:17] a:hover/[21:22] a;active/[21:23] a:visited/[21:39] ²ÜÆÁ/[22:04] a:hover css ¼±¾ð/[22:09] ²ÜÆÁ/[22:13] color/[22:15] ²ÜÆÁ/[23:15] ²ÜÆÁ/[23:16] a;active css ¼±¾ð/[23:51] background-color/[24:36] °ÀÇÀÚ·á ¼Ò½º °ü·Ã ÆÁ/[24:46] ²ÜÆÁ/[25:00] ²ÜÆÁ
-
02.27ºÐ À¥Ç¥ÁØ ½ºÅ³ÀÇ ÆøÇ³¼ºÀåÀ» À§ÇÑ Çʼö°úÁ¤! 2
¸¶¿ì½º ¿À¹ö ¹× ³»ºÎ ¿ÜºÎ
Ã¥°¥ÇÇ : [00:00] select/[00:39] ul ¸ñ·ÏÀ¸·Î select ÀÛ¼º/[01:12] ²ÜÆÁ/[01:17] ²ÜÆÁ/[01:26] select/[01:54] font-size, font-family/[02:05] color/[02:19] id°ªÀ¸·Î select ÀÛ¼º/[02:34] ²ÜÆÁ/[02:36] color, background-color/[03:01] id°ª Á¤ÀÇ/[03:23] ÅØ½ºÆ® »çÀÌÁî/[03:36] ³»°¡ ¿øÇÏ´Â ¿É¼Ç¿¡ id°ª Á¤ÀÇ/[04:22] ²ÜÆÁ/[04:58] border-color/[05:21] ²ÜÆÁ/[06:07] ²ÜÆÁ/[06:30] div, br ű×, input/[07:00] input, textarea/[07:36] ²ÜÆÁ/[07:40] color, font-size, font-family/[07:47] ²ÜÆÁ/[08:05] maxlength/[08:33] border-color/[09:21]È¿À²ÀûÀ¸·Î css¸¦ °ü¸®ÇÏ´Â ¹æ¹ý/[10:22] css Á¤ÀÇ/[12:00] class°ª Ãß°¡ /[12:17] .alzio4 Á¤ÀÇ/[12:28] ²ÜÆÁ/[12:31] select name/[13:14] .alzio5 Á¤ÀÇ/[13:23] .alzio5 ÀԷ°ª/[14:19] border: solid/[15:33] css Á¤ÀÇ/[16:49] style=width/[17:42] input¿¡ style=width Àû¿ë/[18:31] .alzio100 Á¤ÀÇ/[18:40] width/[19:47] ²ÜÆÁ/[20:01] line-height/[20:35] line-height ÁÙ°£°Ý/[21:05] ²ÜÆÁ/[22:20] hrű×/[22:56] ²ÜÆÁ/[23:05] display:none/[23:29] brű×/[23:45] hr ÁÖ¼®Ã³¸®/[23:53] width/[24:15] border-top solid/[25:54] ³»ºÎ¿ÜºÎ¿©¹é/[26:15] ²ÜÆÁ
-
03.31ºÐ À¥Ç¥ÁØ ½ºÅ³ÀÇ ÆøÇ³¼ºÀåÀ» À§ÇÑ Çʼö°úÁ¤! 3
¹Ú½º±¸Çö, ³ÐÀ̰ª °è»ê¹æ¹ý, »ó¼Ó°ü°è Â÷º°È
Ã¥°¥ÇÇ : [00:01] Á¦¸ñŸÀÌÆ²/[00:22] H1~H6ű×/[00:31] H1/[00:51] H6/[01:21] h1,h2,h3,h4,h5,h6/[02:20] ²ÜÆÁ/[02:23] ²ÜÆÁ/[03:06] .alzio6 Á¤ÀÇ/[03:22] color, font-size, line-height/[03:26] ²ÜÆÁ/[03:35] ²ÜÆÁ/[03:57] ²ÜÆÁ/[04:21] ½Ç¹«³»¿ë/[04:29] spanű×, pű×/[04:55] CSS³»¿ë/[05:16] .alzio7 Á¤ÀÇ/[05:49] width, height/[06:27] ²ÜÆÁ/[06:39] °á°úÈ®ÀÎ/[07:58] pÅÂÅ©º¯°æ/[08:45] .alzio7 p Á¤ÀÇ/[08:58] ²ÜÆÁ/[09:18] .alzio7 span Á¤ÀÇ/[09:53] color/[11:21] ²ÜÆÁ/[11:59] .alzio7 h5 Á¤ÀÇ/[12:53] padding/[13:23] ³ÐÀ̰ª °è»ê¹æ¹ý/[14:59] »ó¼Ó°ü°è/[15:25] div/[15:54] body/[16:12] pű×/[16:59] spanű×/[18:04] h5ű×/[19:20] a¸µÅ©/[19:29] ±âº»ÀûÀÎ a¸µÅ©°ª°ú »ó¼Ó¿¡ ´ëÇÑ Â÷º°È/[20:27] .alzio7 a Á¤ÀÇ/[20:32] ²ÜÆÁ/[20:33] color, text-decoration:underline/[20:56] .alzio7 a:hover Á¤ÀÇ/[20:59] ²ÜÆÁ/[20:57] font-weight:bold, background-color, text-decoration:none/[21:03] ²ÜÆÁ/[21:07] ²ÜÆÁ/[21:29] colorÃß°¡/[21:43] ÅØ½ºÆ® Ãß°¡/[22:33] margin/[23:12] height: auto/[25:37]line-height/[26:02] ²ÜÆÁ/[27:36] letter-spacing/[28:08] ²ÜÆÁ/[28:39] text-align/[28:56] ²ÜÆÁ/[30:33] text-align: justify
-
04.28ºÐ À¥Ç¥ÁØ ½ºÅ³ÀÇ ÆøÇ³¼ºÀåÀ» À§ÇÑ Çʼö°úÁ¤! 4
°¡¿îµ¥ ¹× À§¾Æ·¡, »ó´ë ¹× Àý´ë Æ÷Áö¼Ç
Ã¥°¥ÇÇ : [00:00] div °¡¿îµ¥ Á¤ÀÇ/[00:02] alzio8Ãß°¡¼öÁ¤/[00:36] width Á¤ÀÇ/[00:51] margin0 auto/[00:51] ÇÏ´Ü ³»¿ë Ãß°¡/[02:14] ºÒÇÊ¿äÇÑ ³»¿ë ÁÖ¼®Ã³¸®/[02:35] ÀÚ¸®¼ö/[02:49] .alzio9/[02:57] css Á¤ÀÇ/[02:59] ²ÜÆÁ/[03:09] ²ÜÆÁ/[03:35] ²ÜÆÁ/[03:57] padding-top/[04:36] padding-left/[05:06] padding-right/[05:34] padding-bottom/[06:14] padding 3ÀÚ¸® Ç¥Çö/[06:15] ²ÜÆÁ/[07:07] margin/[07:18] border-color/[07:27] ²ÜÆÁ/[07:28] border: 1px solid red;/[07:50] width, border/[08:38] position:absolute/[09:17] ²ÜÆÁ/[09:30] position À§Ä¡ ¼³Á¤/[11:47] z-index/[11:49] z-index ½Ç½À/[12:35] ²ÜÆÁ/[13:46] z-index º¯°æ/[14:38] position:absolute/[16:31] ²ÜÆÁ/[16:35] position:relative/[16:56] absolute¿Í relativeÀÇ Â÷ÀÌÁ¡/[18:04] br ű×/[18:26] °íÁ¤À§Ä¡/[18:39] position:fixed/[19:16] table/[19:38] border-collapse, spacing/[20:27] .alzio10/[20:52] tb/[21:03] ²ÜÆÁ/[21:14] ²ÜÆÁ/[22:10] table ¼± Á¦°Å/[22:46] border-spacing/[23:28] °á°úÈ®ÀÎ/[24:05] width/[24:50] padding/[25:01] ²ÜÆÁ/[25:26] color, font-size, font-family, sans-serif/[25:33] ²ÜÆÁ/[25:49] ²ÜÆÁ/[26:24] ²ÜÆÁ/[26:45] ²ÜÆÁ/[26:47] te.bak/[27:03] background-color/[27:29] ²ÜÆÁ
-
05.23ºÐ À¥Ç¥ÁØ ½ºÅ³ÀÇ ÆøÇ³¼ºÀåÀ» À§ÇÑ Çʼö°úÁ¤! 5
¶°ÀÖ´Â ¿ä¼Ò¹× »ó¼Ó°ü°è
Ã¥°¥ÇÇ : [00:10] ul ol dd dt/[01:25] ²ÜÆÁ/[03:36] width border/[03:44] ²ÜÆÁ/[04:09] ²ÜÆÁ/[05:54] ²ÜÆÁ/[06:27] ²ÜÆÁ/[06:33] ²ÜÆÁ/[07:39] ²ÜÆÁ/[07:41] border/[08:48] ²ÜÆÁ/[10:22] padding liű׿¡ a/[10:53] ²ÜÆÁ/[13:00] line-height, background/[13:02] ²ÜÆÁ/[13:57] ²ÜÆÁ/[14:36] ²ÜÆÁ/[16:24] ²ÜÆÁ/[17:37] ²ÜÆÁ/[17:38] »ó¼Ó°ü°è È®ÀÎ/[19:09] ²ÜÆÁ/[19:15] ²ÜÆÁ/[20:06] ²ÜÆÁ/[20:25] ²ÜÆÁ/[21:38] a ű×/[21:49] ²ÜÆÁ/[22:05] ²ÜÆÁ/[22:43] ²ÜÆÁ
- À¥Ç¥ÁØ [°í±Þ]
-
06.46ºÐ ½ºÅ³ Çâ»óÀ» À§ÇÑ Finishing up! ¸Þ´º ÃÑÁ¤¸® 1
Á¾·ùº° ¸Þ´º ¼¼ÆÃ
Ã¥°¥ÇÇ : [00:14] alzio12 margin:0 auto/[00:34] ²ÜÆÁ/[02:25] ²ÜÆÁ/[02:32] ²ÜÆÁ/[03:16] ²ÜÆÁ/[03:18] padding display:block/[03:29] ²ÜÆÁ/[03:58] ²ÜÆÁ/[04:32] ²ÜÆÁ/[04:47] ²ÜÆÁ/[06:06] body ul¸ñ·Ï/[07:23] ²ÜÆÁ/[07:50] ²ÜÆÁ/[08:15] ²ÜÆÁ/[08:28] ²ÜÆÁ/[08:48] ²ÜÆÁ/[09:51] ²ÜÆÁ/[10:25] ²ÜÆÁ/[10:49] ²ÜÆÁ/[11:09] ²ÜÆÁ/[11:16] ²ÜÆÁ/[11:26] ²ÜÆÁ/[12:43] »ó¼Ó°ü°è/[16:10] width, border-top/[16:14] ²ÜÆÁ/[16:46] ²ÜÆÁ/[18:12] ²ÜÆÁ/[19:18] ²ÜÆÁ/[19:45] ²ÜÆÁ/[19:46] display:none/[20:01] ²ÜÆÁ/[21:15] ²ÜÆÁ/[22:09] ²ÜÆÁ/[22:25] ²ÜÆÁ/[22:50] ²ÜÆÁ/[25:43] .alzio15 width/[26:34] ²ÜÆÁ/[26:54] ²ÜÆÁ/[27:35] ²ÜÆÁ/[27:49] ²ÜÆÁ/[28:09] ²ÜÆÁ/[28:33] ²ÜÆÁ/[29:02] ²ÜÆÁ/[29:20] ²ÜÆÁ/[30:45] ²ÜÆÁ/[33:55] alzio16 li/[34:06] ²ÜÆÁ/[34:17] ²ÜÆÁ/[34:30] ²ÜÆÁ/[35:20] ²ÜÆÁ/[35:34] ²ÜÆÁ/[36:01] ²ÜÆÁ/[37:45] border-left/[38:37] ²ÜÆÁ/[38:52] ²ÜÆÁ/[39:22] ²ÜÆÁ/[41:11] ²ÜÆÁ/[40:28] display:inline/[42:27] ²ÜÆÁ/[42:56] ²ÜÆÁ/[43:58] ²ÜÆÁ/[44:11] ²ÜÆÁ/[44:16] ²ÜÆÁ/[44:39] ²ÜÆÁ/[44:59] ²ÜÆÁ/[45:09] »ó¼Ó°ü°èÈ®ÀÎ/[45:13] ²ÜÆÁ
-
07.34ºÐ ½ºÅ³ Çâ»óÀ» À§ÇÑ Finishing up! ¸Þ´º ÃÑÁ¤¸® 2
float:left, position, white-space
Ã¥°¥ÇÇ : [00:13] .alzio 20 li/[00:34] ²ÜÆÁ/[00:28] float:left/[00:53] float:right/[01:49] width/[02:57] .alzio 20 ul/[03:14] .alzio 20 a/[03:18] ²ÜÆÁ/[03:24] ²ÜÆÁ/[03:30] ²ÜÆÁ/[03:33] border-left, top, right/[03:55] padding/[04:11] .alzio 20 a:hover/[04:14] text-decoration/[04:15] ²ÜÆÁ/[04:33] ²ÜÆÁ/[05:37] ²ÜÆÁ/[05:38] .alzio 21 li/[05:38] float:left/[05:43] ²ÜÆÁ/[05:46] .alzio 21 li a/[05:47] .alzio 21 li a:hover/[05:55] ²ÜÆÁ/[06:18] background-color/[06:43] css Á¤ÀÇ/[07:30] ²ÜÆÁ/[07:32] .alzio 22 li/[07:41] .alzio 22 li a/[07:44] ²ÜÆÁ/[07:54] ²ÜÆÁ/[07:56] position:relative, float:left/[08:17] °á°ú È®ÀÎ/[08:35] ²ÜÆÁ/[08:37] white-space:nowrap/[08:52] .alzio 22 li a span/[08:57] ²ÜÆÁ/[09:03] ²ÜÆÁ/[09:13] ²ÜÆÁ/[09:23] border-width/[09:26] ²ÜÆÁ/[09:40] ²ÜÆÁ/[10:07] .alzio 22 li a b/[10:09] ²ÜÆÁ/[11:33] ¸¶¿ì½º¿À¹ö/[11:48] ²ÜÆÁ/[11:54] ²ÜÆÁ/[12:31] .alzio 22 li a:hove em/[13:01] ²ÜÆÁ/[13:32] border/[13:44] ²ÜÆÁ/[14:26] ²ÜÆÁ/[14:43] position:relative/[15:26] °á°úÈ®ÀÎ/[17:26] »ó¼Ó°ü°èÈ®ÀÎ/[18:33] ²ÜÆÁ/[19:25] ²ÜÆÁ/[20:37] .alzio 23 /[20:53] text-align:center/[21:09] ²ÜÆÁ/[23:02] margin0 auto/[23:22] width/[23:44] .alzio 23 a /[23:57] position:relative/[24:04] ²ÜÆÁ/[24:08] display:block/[24:11]width, height/[24:33] ²ÜÆÁ/[25:41] .alzio 23/[25:57] ²ÜÆÁ/[26:11] ²ÜÆÁ/[26:36] a .topright /[26:39] left, border-right/[26:42] ²ÜÆÁ/[27:24] ²ÜÆÁ/[28:23] .alzio 23 a:hover/[29:30] »ó¼Ó°ü°è È®ÀÎ/[29:57] div/[31:55] topleft/[33:26] ²ÜÆÁ/[33:35] topright
-
08.35ºÐ ½ºÅ³ Çâ»óÀ» À§ÇÑ Finishing up! ¸Þ´º ÃÑÁ¤¸® 3
Ä÷¯º° ¸Þ´º
Ã¥°¥ÇÇ : [00:09] ²ÜÆÁ/[00:11] border-right/[00:47] ²ÜÆÁ/[01:16] ²ÜÆÁ/[01:28] ²ÜÆÁ/[02:01] border-right/[02:26] .alzio 24 li a/[02:35] ²ÜÆÁ/[02:55] ²ÜÆÁ/[03:31] ²ÜÆÁ/[03:52] ²ÜÆÁ/[04:07] ²ÜÆÁ/[04:31] left, top/[04:37] ²ÜÆÁ/[04:48] width, height/[06:34] »ó¼Ó°ü°è ¼³¸í/[09:53] Ä÷¯º° ¸Þ´º »ý¼º/[10:01] .alzio 25 li/[10:13] ²ÜÆÁ/[10:31] width, height/[10:44] ²ÜÆÁ/[11:15] ²ÜÆÁ/[11:30] ²ÜÆÁ/[11:45] ²ÜÆÁ/[12:44] ²ÜÆÁ/[11:47] width, height, text-align/[12:18] .alzio 25 a em/[12:40] font:bold/[13:29] .alzio 25 a .rad/[13:42] ²ÜÆÁ/[14:09] .alzio 25 a:hover/[14:47] z-index/[15:18] ²ÜÆÁ/[15:20] position:absolute/[16:38] ²ÜÆÁ/[17:12] background-color/[18:39] »ó¼Ó°ü°è È®ÀÎ/[20:37] .alzio 26/[20:51] height/[20:55] ²ÜÆÁ/[21:00] background: url/[22:24] ²ÜÆÁ/[22:39] .alzio 26 li a/[22:59] float:left, line-height/[23:39] .alzio 26 li a b/[23:55] ²ÜÆÁ/[24:03] display:block, padding/[24:24] .alzio 26 li.on a/[24:29] ²ÜÆÁ/[25:14] .alzio 26 li.on a b/[25:32] ²ÜÆÁ/[26:43] padding/[28:17] ²ÜÆÁ/[28:21] .alzio 26 li a:hover/[29:01] background:url, no-repeat/[29:14] ²ÜÆÁ/[29:36] cursor:default/[29:46] ²ÜÆÁ/[31:05] »ó¼Ó°ü°è È®ÀÎ/[30:16] ²ÜÆÁ/[31:19] ul¸ñ·Ï/[31:40] body/[31:43] li¸ñ·Ï
-
09.49ºÐ À¥Ç¥ÁØÀÇ Á¤¼®! Á¦´ë·Î ¹è¿ìÀÚ 1
³À̵µ ÀÖ´Â ·¹À̾ƿô ¸¸µé±â
Ã¥°¥ÇÇ : [00:00] ·¹À̾ƿô/[00:14] ±âº»»çÇ×/[00:25] .alzio 30/[00:30] float:left/[00:40]²ÜÆÁ/[00:51] width/[01:15]height/[01:22]²ÜÆÁ/[01:27] text-align, font-weight/[01:31] color/[01:49]²ÜÆÁ/[01:51] background-color/[02:00] °á°ú È®ÀÎ/[02:11] 3´Ü ·¹À̾ƿô/[02:50] »ó¼Ó°ü°è È®ÀÎ/[03:39] p ű×/[04:04] ³À̵µ ÀÖ´Â ·¹À̾ƿô/[04:34] margin-left:20%/[05:10] cssÄÚµù/[05:21] .alzio 32/[05:33] height:100%/[05:41]²ÜÆÁ/[05:52] .alzio 32 a/[06:04] padding/[06:15]²ÜÆÁ/[06:29]²ÜÆÁ/[06:33] background-color/[07:11] transition/[07:38] container/[08:04]²ÜÆÁ/[08:27] box-shadow/[08:55] background-color/[08:59]²ÜÆÁ/[10:00] position:fixed/[10:11]²ÜÆÁ/[10:41] °á°úÈ®ÀÎ/[11:08]²ÜÆÁ/[11:13] »ó¼Ó°ü°è È®ÀÎ/[13:01] ¹Ú½º Á¤·Ä/[14:08] .alzio_com span/[14:20] width, height/[14:25] margin, padding/[14:30]²ÜÆÁ/[14:33]²ÜÆÁ/[15:02] border/[15:51] box-shadow/[16:36] »ó¼Ó°ü°è È®ÀÎ/[18:48] line-height/[19:41] .alzio31-gap/[19:45]²ÜÆÁ/[19:56] margin-bottom/[20:08]²ÜÆÁ/[20:51] float:left/[21:01]²ÜÆÁ/[23:36] overflow:hidden/[24:08]²ÜÆÁ/[24:33] background-color/[24:47] °á°ú È®ÀÎ/[26:46] overflow/[27:56] ³»¿ë Ãß°¡/[29:17] ·¹À̾ƿô ³ª´©±â/[30:56] »ó¼Ó°ü°è È®ÀÎ/[33:45] header/[33:58]²ÜÆÁ/[34:01] padding/[34:14] background-color/[34:16]²ÜÆÁ/[34:30] º»¹®³»¿ë ÀÛ¼º/[35:22] Å×À̺í Ãß°¡/[35:27] ±âº»ÀûÀÎ ¼±¾ð/[35:36] width, display: table/[36:02] border:none/[37:03] border-bottom/[37:40] table-cell, vertical-align/[38:02]²ÜÆÁ/[38:05]²ÜÆÁ/[38:50] background-color/[39:28] padding-left/[40:07] footer/[40:23] »ó¼Ó°ü°è È®ÀÎ/[42:31] ¹è³Ê½Ä Ȱ¿ë/[43:03] .alzio33/[43:09] float:left/[43:26] width/[43:40] padding/[44:23]²ÜÆÁ/[45:10] box-shadow/[45:57] width:100%/[46:31] »ó¼Ó°ü°è È®ÀÎ/[48:14] margin/[48:30] 31%·Î Á¤ÀÇÇÑ ÀÌÀ¯
-
10.46ºÐ À¥Ç¥ÁØÀÇ Á¤¼®! Á¦´ë·Î ¹è¿ìÀÚ 2
·¹À̾ƿô ÀüüÀûÀÎ ±¸¼º
Ã¥°¥ÇÇ : [00:00] ±âº»ÀûÀÎ ·¹À̾ƿô/[00:17] ÀüüÀûÀÎ ±¸¼º/[00:38] background-color/[00:48]²ÜÆÁ/[01:02] padding/[01:16]²ÜÆÁ/[01:36] float:left/[01:49] width/[02:10] line-height/[02:36] padding/[02:40] text-align: justify/[02:46]²ÜÆÁ/[03:13]²ÜÆÁ/[03:17] box-sizing/[04:02] »ó¼Ó°ü°è È®ÀÎ/[06:44]²ÜÆÁ/[06:54] background-color/[07:15] color, font-size, text-align/[07:23]²ÜÆÁ/[07:50]²ÜÆÁ/[07:53] padding/[08:31] ¿À¸¥ÂÊ ³»¿ë »ý¼º/[09:15] folat:left, width/[09:17]²ÜÆÁ/[10:03] line-height/[11:09] margin-bottom/[12:31]²ÜÆÁ/[12:54]²ÜÆÁ/[12:56] line-height/[13:44] padding/[15:13] °á°ú È®ÀÎ/[16:15] »ó¼Ó°ü°è È®ÀÎ/[19:33] form±âº»»çÇ×/[19:59] width/[20:17]²ÜÆÁ/[20:47] box-shadow/[21:38] position:relative/[22:38] line-height/[23:13] width/[23:38] padding/[24:38] border:none/[24:49]²ÜÆÁ/[24:56] border-bottom/[26:24] border:none/[26:39]²ÜÆÁ/[27:12] background-color /[27:15] transition/[27:36]²ÜÆÁ/[27:47]²ÜÆÁ/[27:39] cursor:pointer/[27:49] font-weight/[27:59] box-shadow/[28:25] »ó¼Ó°ü°è È®ÀÎ/[30:21] input/[30:57] box-sizing/[31:37] ±âº»ÀûÀÎ ±â¹Ý»çÇ×/[31:55]²ÜÆÁ/[32:04]²ÜÆÁ/[32:25] background: url/[33:32] position/[33:39]²ÜÆÁ/[34:57] text-indent/[35:17]²ÜÆÁ/[36:14] font-style/[36:17]²ÜÆÁ/[37:00] em ű×/[37:56] ¸Þ´º/[38:24]²ÜÆÁ/[38:51]²ÜÆÁ/[40:38]²ÜÆÁ/[40:48] list-style/[41:43] Å×À̺í/[43:03] text-align; left/[43:45]²ÜÆÁ/[45:00] height/[45:10]²ÜÆÁ/[45:25] padding
-
11.37ºÐ À¥Ç¥ÁØÀÇ Á¤¼®! Á¦´ë·Î ¹è¿ìÀÚ 3
°ªµéÀÇ Á¤ÀÇ
Ã¥°¥ÇÇ : [00:00] ³ÐÀ̰ª/[01:43] ²ÜÆÁ/[00:16] padding, border, margin/[00:19] ³ÐÀ̰ª °è»ê/[01:30] border/[01:40] border-style/[01:46] border-width/[01:51] border-color/[01:54] ²ÜÆÁ/[02:12] border-top-style/[02:18] ²ÜÆÁ/[03:27] ²ÜÆÁ/[03:29] ÇÔÃàÇØ¼ Ç¥ÇöÇϱâ1/[03:49] ²ÜÆÁ/[03:43]outline-style/[04:32] ²ÜÆÁ/[04:55] ²ÜÆÁ/[04:56] width, border/[05:58] max-width/[06:18] min-width/[06:59] ²ÜÆÁ/[07:32] visibility: hidden/[09:11] float: left, width/[09:23] ²ÜÆÁ/[09:27] margin/[09:30] border/[09:55] ²ÜÆÁ/[10:30] border/[10:43] float/[11:47] border, clear: left/[10:48] ²ÜÆÁ/[11:46] ²ÜÆÁ/[13:10] ²ÜÆÁ/[14:17] ²ÜÆÁ/[14:21] overflow: auto/[14:54] inline-block/[15:30] width, height, margin/[15:36] ²ÜÆÁ/[15:42] border/[16:01] ²ÜÆÁ/[16:31] display: inline-block/[17:00] ²ÜÆÁ/[17:19] margin auto/[17:36] div > p/[18:07] ²ÜÆÁ/[18:54] div > em/[19:04] div + p/[19:43] div ~ p/[20:15] ²ÜÆÁ/[20:47] ²ÜÆÁ/[21:15] p:first-of-type/[21:22] ²ÜÆÁ/[21:39] p:last-of-type/[21:41] ²ÜÆÁ/[21:49] p:last-child/[21:54] ²ÜÆÁ/[21:59] p:only-child/[22:30] p::after/[22:31] ²ÜÆÁ/[23:17] p::before/[23:46] p::first-letter/[23:56] ²ÜÆÁ/[24:17] ²ÜÆÁ/[25:12] ::selection/[25:28] p:nth-of-type(3)/[25:30] ²ÜÆÁ/[26:12] input:read-only/[26:50] input:read-write/[27:42] input[type=text] ²ÜÆÁ/[28:05] disabled/[28:19] input:focus/[28:39] input:in-range/[29:11] input:invalid/[29:46] input:optional/[30:06] input:required/[31:11] input:out-of-range/[31:57] ²ÜÆÁ/[32:31] p:nth-child(1)/[32:48] p:nth-last-child(3)/[32:53] ²ÜÆÁ/[33:18] p:nth-last-of-type(1)/[33:28] p:nth-last-of-type(4)/[33:38] p:nth-of-type(3)/[33:48] ²ÜÆÁ/[34:08] q:lang/[34:13] ²ÜÆÁ/[35:08] :not(p)/[35:43] :root/[36:03] :target
-
12.40ºÐ À¥Ç¥ÁØÀÇ Á¤¼®! Á¦´ë·Î ¹è¿ìÀÚ 4
ÀÀ¿ë ¿¹Á¦
Ã¥°¥ÇÇ : [00:00] target °ü¸®, Ç¥Çö/[00:12] ²ÜÆÁ/[00:20] target/[00:23] ²ÜÆÁ/[00:36] °á°ú È®ÀÎ/[00:48] background-color/[00:53] a[target=_blank] ²ÜÆÁ/[01:23] [title~=alzio] ²ÜÆÁ/[04:18] input[type=text] ²ÜÆÁ/[04:27] ²ÜÆÁ/[04:33] margin-bottom/[04:43] input[type=bottom] ²ÜÆÁ/[05:22] ²ÜÆÁ/[05:33] ²ÜÆÁ/[05:39] ²ÜÆÁ/[05:52] ²ÜÆÁ/[06:19] ²ÜÆÁ/[06:23] cursor:pointer/[07:13] ²ÜÆÁ/[07:14] alzio37-a/[07:31] ²ÜÆÁ/[07:32] padding/[08:02] ²ÜÆÁ/[08:31] border-radius°ª/[08:44] °á°ú°ª/[10:52] ¹ÝÁö¸§ ³ÐÀÌ ³ôÀÌ/[11:41] ÆÛ¼¾Æ®/[12:21] border-radius/[13:41] ¹è°æ/[14:04] ²ÜÆÁ/[14:08] background-image/[14:45] ²ÜÆÁ/[14:46] ¹è°æ µÎ¹ø ±î´Â ¹æ¹ý/[14:49] no-repeat, repeat/[15:39] ²ÜÆÁ/[15:43] background-position/[16:06] ²ÜÆÁ/[16:22] width °ª/[17:09] Ãà¼Ò url/[17:44] border/[17:57] ²ÜÆÁ/[17:59] border/[18:04] background-color, repeat/[18:01] ²ÜÆÁ/[18:04] ²ÜÆÁ/[18:11] ²ÜÆÁ/[18:32] ²ÜÆÁ/[18:33] ¿ÜºÎ ¿©¹é margin/[18:56] ²ÜÆÁ/[18:57] background-size/[20:02] ²ÜÆÁ/[20:12] contain/[20:39] cover/[21:22] À̹ÌÁö »çÀÌÁî Á¶Àý/[21:24] ²ÜÆÁ/[21:34] left top no-repeat/[21:44] right bottom/[21:48] left top repeat/[22:03] ²ÜÆÁ/[22:04] background-size/[22:53] ²ÜÆÁ/[23:13] background-origin/[23:15] ²ÜÆÁ/[23:35] border-box/[24:03] content-box/[24:38] ²ÜÆÁ/[24:40] dotted/[24:55] Ŭ¸³/[25:00] ²ÜÆÁ/[25:05] background-clip/[26:13] ²ÜÆÁ/[26:22] linear-gradient/[26:39] webkit, moz, o/[27:02] ²ÜÆÁ/[27:04] linear-gradient/[27:13] Ä÷¯°ª Àû¿ë/[27:58] ²ÜÆÁ/[28:41] ²ÜÆÁ/[30:50] rgb/[31:47] ¹æÇâ/[31:50] ²ÜÆÁ/[32:32] ²ÜÆÁ/[32:33] ¿øÇü gradient/[32:43] °á°ú È®ÀÎ/[33:16] ÀÀ¿ë ¿¹Á¦/[33:45] ²ÜÆÁ/[33:53] circle/[34:18] ²ÜÆÁ/[34:21] ¹æ»çÇü gradient/[34:53] °á°ú È®ÀÎ/[35:01] farthest-side/[36:00] ²ÜÆÁ/[36:01] repeating-radial-gradient/[36:42] ²ÜÆÁ/[36:45] text-shadow/[37:08] ±×¸²ÀÚ Ä÷¯/[37:25] »Ñ¿¸°Ô ÇÏ´Â È¿°ú/[38:06] Ä÷¯°ª/[39:24] ²ÜÆÁ/[39:56] box-shadow
-
13.36ºÐ À¥Ç¥ÁØÀÇ Á¤¼®! Á¦´ë·Î ¹è¿ìÀÚ 5
À¥ÆùÆ®, 3D
Ã¥°¥ÇÇ : [00:03] ²ÜÆÁ/[00:04] ±âº»ÀûÀÎbox/[00:15] ÁÙ ¹Ù²Þ/[00:31] ²ÜÆÁ/[00:34] white-space/[00:52] ²ÜÆÁ/[01:06] text-overflow/[01:07] ²ÜÆÁ/[01:52] clip/[02:33] ellipsis/[02:45] ²ÜÆÁ/[03:02] ²ÜÆÁ/[03:07] break-word/[03:40] ²ÜÆÁ/[03:45] word-break/[04:21] break-all/[04:52] À¥ ÆùÆ® ¿¬µ¿ /[05:19] ±¸±Û À¥ ÆùÆ® »ç¿ë ¹æ¹ý/[06:34] ¼Ò½º Ŭ¸¯ÇÏ¿© º¹»ç/[07:01] ²ÜÆÁ/[07:18] font-family/[07:39] ²ÜÆÁ/[08:45] ²ÜÆÁ/[08:52] ²ÜÆÁ/[08:53] transform/[08:35] ¹Ú½º ¸ðµ¨ ¸¸µé±â/[08:54] rotate/[09:55] ¸ðÁú¶ó, ÆÄÀÌ¾îÆø½º, »çÆÄ¸®/[10:18] Çȼ¿ ÀÌ¿ëÇØ¼ À̵¿/[10:31] transform/[11:24] margin/[11:30] ²ÜÆÁ/[11:35] ²ÜÆÁ/[12:56] ²ÜÆÁ/[13:00] skewX, skewY/[14:39] ²ÜÆÁ/[14:42] matrix/[15:11] ²ÜÆÁ/[15:13] 3D transform/[16:40] transform ±âÁØÁ¡/[16:43] ²ÜÆÁ/[16:50] origin/[18:03] 3D ½ºÅ¸ÀÏ¿¡ ÁßøµÈ ¿ä¼Ò ÁöÁ¤/[18:26] ²ÜÆÁ/[18:40] ²ÜÆÁ/[19:40] initial/[19:58] preserve/[20:26] ¿ø±Ù¹ý, ȸÀü, °¢µµ/[20:47] ²ÜÆÁ/[20:53] rotateX/[21:18] perspective/[22:08] ±âÁØÁ¡ Ãß°¡/[21:12] ²ÜÆÁ/[22:25] ²ÜÆÁ/[23:04] ²ÜÆÁ/[23:05] backface-visibility/[23:24] ²ÜÆÁ/[23:32] ²ÜÆÁ/[23:33] rotate/[24:10] hidden, visible/[24:11] ²ÜÆÁ/[24:51] transition/[25:06] ²ÜÆÁ/[25:07] width 2s/[28:42] ²ÜÆÁ/[28:43] transition-timing-function/[29:19] ease/[29:56] ease-in/[30:33] ease-in-out/[30:54] ²ÜÆÁ/[30:55] transition-delay/[32:30] ²ÜÆÁ/[32:31] transform: rotate/[33:51] ±Ùº» ¿ø¸® transition/[34:15] ²ÜÆÁ/[34:48] linear
-
14.32ºÐ À¥Ç¥ÁØÀÇ Á¤¼®! Á¦´ë·Î ¹è¿ìÀÚ 6
¾Ö´Ï¸ÞÀ̼Ç
Ã¥°¥ÇÇ : [00:00] ¾Ö´Ï¸ÞÀ̼Ç/[00:20] ²ÜÆÁ/[00:21] animation-name/[01:11] from, to/[01:19] ²ÜÆÁ/[01:20] background-color/[02:41] webkit/[02:48] keyframes, webkit/[03:54] ²ÜÆÁ/[05:20] keyframe ¿òÁ÷ÀÌ´Â ¹æ¹ý/[05:22] ²ÜÆÁ/[05:45] 30 ÆÛ¼¾Æ® ÀÏ °æ¿ì/[06:00] 60 ÆÛ¼¾Æ® ÀÏ °æ¿ì/[06:14] 80 ÆÛ¼¾Æ® ÀÏ °æ¿ì/[06:43] 0 ÆÛ¼¾Æ®¿Í 100 ÆÛ¼¾Æ®/[07:31] ²ÜÆÁ/[07:36] position: relative/[07:52] position: relative ¾ø´Â °æ¿ì/[08:19] ¾Ö´Ï¸ÞÀ̼ÇÀÇ Áö¿¬/[08:28] ²ÜÆÁ/[08:35] animation-delay/[09:12] ²ÜÆÁ/[09:13] animation-iteration-count/[09:54] infinite/[10:25] ¿ª¹æÇ⠾ִϸÞÀ̼Ç/[10:37] ²ÜÆÁ/[10:41] reverse/[11:13] alternate/[11:09] ²ÜÆÁ/[11:39] infinite/[11:46] ²ÜÆÁ/[12:02] ²ÜÆÁ/[12:37] ease/[13:22] ease-out/[13:47] ease-in-out/[14:06] ²ÜÆÁ/[14:32] Ãà¼ÒÇÑ Ç¥Çö/[15:23] ²ÜÆÁ/[15:27] column-count/[16:04] ²ÜÆÁ/[16:08] gap/[16:37] ²ÜÆÁ/[16:42] style, solid/[17:16] ²ÜÆÁ/[17:25] width, style/[17:39] ²ÜÆÁ/[17:58] ÇÔÃàÇÑ Ç¥Çö/[18:12] webkit/[18:30] ºê¶ó¿ìÀú ¼ºÇâ/[19:00] ²ÜÆÁ/[19:05] count ºÐ¸®/[19:48] column-span/[20:06] ÃÖÀûÀÇ ³ÐÀ̰ª Á¤ÀÇ/[20:07] ²ÜÆÁ/[20:58] ²ÜÆÁ/[21:04] auto/[21:39] balance/[22:02] ²ÜÆÁ/[22:05] width, border/[22:18] °á°ú°ª/[22:31] ²ÜÆÁ/[22:32] resize: horizontal/[22:35] ²ÜÆÁ/[22:37] overflow: auto/[22:59] vertical/[23:40] ²ÜÆÁ/[23:41] resize: both/[24:49] ²ÜÆÁ/[24:54] outline/[25:08] ²ÜÆÁ/[25:10] offset/[25:47] ²ÜÆÁ/[25:48] box-sizing/[27:06] ²ÜÆÁ/[27:44] ²ÜÆÁ/[27:45] display: flex/[28:03] ²ÜÆÁ/[28:09] body/[28:59] ²ÜÆÁ/[29:00] row-reverse/[29:25] ²ÜÆÁ/[29:56] ²ÜÆÁ/[29:57] column-reverse/[31:00] ²ÜÆÁ/[31:02] flex-end/[31:18] center/[31:27] ²ÜÆÁ/[31:33] space-between/[32:03] space-around
-
15.54ºÐ À¥Ç¥ÁØÀÇ Á¤¼®! Á¦´ë·Î ¹è¿ìÀÚ 7
¹ÝÀÀÇüÀ¥ ´Ü°èº° Àû¿ë
Ã¥°¥ÇÇ : [00:00] ¹ÝÀÀÇü À¥/[00:21] min, max/[00:33] ²ÜÆÁ/[00:39] »ö»ó/[00:46] ²ÜÆÁ/[00:49] ²ÜÆÁ/[00:50]media Äõ¸®/[00:52] min-width/[02:22] ºê¶ó¿ìÁ® ·¹À̾ƿô/[02:35] ¸Þ´º, ÄÜÅÙÃ÷/[02:46] ²ÜÆÁ/[02:54] margin-left/[03:26] ¸®½ºÆ®/[04:09] ²ÜÆÁ/[04:10] min-width/[04:43] ²ÜÆÁ/[04:52] width, float:left/[05:12] ²ÜÆÁ/[05:17] margin-left/[05:35] ³»¿ë È®ÀÎ/[07:24] ¸Þ´º/[07:42] media screen Á¤ÀÇ/[07:45] ²ÜÆÁ/[07:51] ²ÜÆÁ/[07:53] max, min/[08:01] ²ÜÆÁ/[08:03] ²ÜÆÁ/[08:04] padding-left/[08:51] li a/[10:17] max-width/[10:40] ²ÜÆÁ/[10:43] ²ÜÆÁ/[10:45] content/[10:49] min-width/[10:51] ²ÜÆÁ/[11:55] before/[12:27] ²ÜÆÁ/[12:28] min-width/[12:35] ²ÜÆÁ/[12:37] :after/[12:51] °á°ú È®ÀÎ/[13:35] ¿©·¯±â±â/[13:51] ½º¸¶Æ®Æù/[14:22] view port ¼³Á¤/[14:52] box-sizing/[14:57] ²ÜÆÁ/[15:55] ²ÜÆÁ/[16:01] ²ÜÆÁ/[16:03] padding, border/[16:28] ²ÜÆÁ/[16:35] float:left/[17:03] °á°ú È®ÀÎ/[17:28] ²ÜÆÁ/[17:34] box-sizing/[18:06] meta name/[18:43] ºñ½ÁÇÑ ³»¿ë Çϳª·Î ¹±â/[18:57] head/[20:23] ÇØ»óµµwidth °ª/[21:00] ÇØ»óµµ¿¡ µû¶ó¼/[22:11] float:left, padding/[22:21] ²ÜÆÁ/[23:30] ²ÜÆÁ/[22:38] °á°ú È®ÀÎ/[23:27] ½Ç½À/[23:38] »ó´Ü/[24:42] ²ÜÆÁ/[23:44] ¸ÞÀÎ/[23:59] º»¹®/[24:03] ¿ìÃø ¹è³Ê/[24:09] div Á¾·á/[25:03] ²ÜÆÁ/[26:14] float:left, padding/[26:17] ²ÜÆÁ/[26:20] ²ÜÆÁ/[27:18] ¹®Á¦Á¡/[28:45] ²ÜÆÁ/[28:58] ²ÜÆÁ/[28:49] after/[29:08] ²ÜÆÁ/[30:35] ¹ÝÀÀÇü À¥ ½Ç½À/[31:09] ²ÜÆÁ/[31:13] max-width/[33:09] ²ÜÆÁ/[33:10] box-sizing/[35:20] ²ÜÆÁ/[35:25] min-width/[36:12] float:left/[36:23] ¼³¸í/[37:04] width/[39:22] clear, display/[39:40] °á°ú È®ÀÎ/[40:05] ¿ÞÂÊ ¸Þ´º/[40:09] width/[40:30] float, padding/[41:04] width, float, padding/[43:44] ½ÇÁ¦ ±â±â/[43:57] img/[44:12] max-width/[44:52] ²ÜÆÁ/[46:56] ²ÜÆÁ/[46:57] background-image/[47:16] background-repeat/[47:20] ²ÜÆÁ/[47:23] contain/[47:52] ²ÜÆÁ/[47:59] cover/[48:23] ²ÜÆÁ/[49:03] ²ÜÆÁ/[49:16] ²ÜÆÁ/[50:11] device/[51:52] video/[52:47] width/[53:12] ²ÜÆÁ/[53:29] max-width
-
16.35ºÐ ½ÇÀü! À¥ÆäÀÌÁö ÄÚµùÀÇ ±â¼ú! À¥ÆäÀÌÁö ÄÚµù½Ç½À 1
Âü°í, À߸øµÈ »ç·Ê
Ã¥°¥ÇÇ : [00:00] ȨÆäÀÌÁö Á¦ÀÛ/[00:09] ¹æ¹ý 1/[00:19] Á¦ÀÛ ¹æ¹ý 2/[00:41] ȨÆäÀÌÁö Á¦ÀÛ/[00:54] position:relative/[00:56] ²ÜÆÁ/[01:01] ²ÜÆÁ/[01:34] ²ÜÆÁ/[01:47] ²ÜÆÁ/[01:57] Âü°í »çÇ×/[02:31] ²ÜÆÁ/[02:47] select,input,textarea/[02:55] ²ÜÆÁ/[03:19] display:none/[03:26] ²ÜÆÁ/[03:36] ²ÜÆÁ/[03:46] text-decoration/[03:48] ²ÜÆÁ/[03:54] ²ÜÆÁ/[03:55] :hover, :active/[04:20] table/[04:25] ²ÜÆÁ/[04:27] list-style:none/[05:03] wrap/[05:27] ²ÜÆÁ/[05:38] position:relative/[06:05] height/[07:30] ²ÜÆÁ/[07:33] float:left/[07:41] °á°ú È®ÀÎ/[09:29] ²ÜÆÁ/[09:30] display: block/[11:04] ²ÜÆÁ/[11:12] position:absolute/[11:17] °á°ú È®ÀÎ/[12:29] ²ÜÆÁ/[12:41] float:left/[13:17] display:block/[13:22] ²ÜÆÁ/[13:29] ²ÜÆÁ/[13:41] °á°ú È®ÀÎ/[13:50] letter-spacing/[13:54] ²ÜÆÁ/[14:03] :hover/[14:09] ²ÜÆÁ/[14:24] ¸Þ´º Ãß°¡/[15:37] ²ÜÆÁ/[15:56] ²ÜÆÁ/[15:57] float:left/[16:30] ²ÜÆÁ/[16:39] background:url/[16:49] °á°ú È®ÀÎ/[17:08] ²ÜÆÁ/[18:03] ²ÜÆÁ/[18:45] a2_onÀÇ °ª ³Ö±â/[18:58] °á°ú È®ÀÎ/[21:15] º¸´õÀÇ Á¸Àç/[21:32] ²ÜÆÁ/[22:46] float Àý´ë°ª/[23:17] À߸øµÈ »ç·Ê/[23:18] ²ÜÆÁ/[23:21] position:relative/[23:32] °á°ú È®ÀÎ/[24:37] float:left/[25:16] ²ÜÆÁ/[25:18] clear:both/[25:26] ul ³ÐÀÌ °ª/[25:41] new ¹öư Ãß°¡/[26:00] ²ÜÆÁ/[26:01] position:absolute/[26:44] ²ÜÆÁ/[26:46] no-repeat/[26:51] °á°ú È®ÀÎ/[27:17] z-index/[27:20] ²ÜÆÁ/[27:32] »ó¼Ó °ü°è/[27:39] wrap/[28:03] margin: auto/[28:04] box-sizing/[28:14] header/[29:02] a link ¼Ó¼º/[29:26] right, top/[29:36] ul ¸ñ·Ï/[30:00] link °ª Á¤ÀÇ/[31:15] position:absolute/[31:52] Á¤·Ä °ª/[32:12] ¸Þ´º/[32:44] float:left/[33:48] line-height°ªÀÌ °°Àº ÀÌÀ¯/[34:35] new ¹öư ¸¸µé±â/[34:51] z-index
-
17.40ºÐ ½ÇÀü! À¥ÆäÀÌÁö ÄÚµùÀÇ ±â¼ú! À¥ÆäÀÌÁö ÄÚµù½Ç½À 2
º»¹®, ·Î±×ÀÎ, À§Ä¡ ¼öÁ¤
Ã¥°¥ÇÇ : [00:00] ±ÛÀÚ ¼û±â±â, ¹è°æ À̹ÌÁö ³Ö±â/[00:42] ²ÜÆÁ/[00:45] background-color/[01:07] border/[01:10] ²ÜÆÁ/[01:30] ²ÜÆÁ/[01:32] float:left/[01:44] ²ÜÆÁ/[01:52] °á°ú È®ÀÎ/[02:11] ²ÜÆÁ/[02:21] ²ÜÆÁ/[02:23] text-align:center/[02:45] °æ·Î ÁöÁ¤/[03:10] ²ÜÆÁ/[03:26] Ŭ·¡½º¸í »ðÀÔ/[03:40] ²ÜÆÁ/[04:10] ²ÜÆÁ/[04:16] text-indent/[04:19] °á°ú È®ÀÎ/[04:37] ²ÜÆÁ/[05:04] ÇÑ °³ÀÇ ¿©¹é¸¸ ¹Ð±â/[05:08] °á°ú È®ÀÎ/[06:25] ²ÜÆÁ/[06:32] hover »ç¿ë½Ã ¹®Á¦Á¡/[06:25] ÇØ°á ¹æ¹ý/[06:55] ²ÜÆÁ/[07:26] °á°ú È®ÀÎ/[07:35] ³»¿ë Á¤¸®/[07:36] ul¸ñ·Ï/[07:43] ²ÜÆÁ/[08:18] ²ÜÆÁ/[08:26] no-repeat/[08:53] ²ÜÆÁ/[09:09] ²ÜÆÁ/[09:03] float:left/[09:25] text-decoration/[09:36] div ¸¶¹«¸®/[10:28] ²ÜÆÁ/[10:32] padding/[11:24] ²ÜÆÁ/[10:47] ¸Þ´º ¸¸µé±â/[11:25] position:absolute/[11:52] right/[12:15] ²ÜÆÁ/[12:16] position:fixed/[12:40] ²ÜÆÁ/[12:45] ²ÜÆÁ/[13:19] ²ÜÆÁ/[13:32] ²ÜÆÁ/[14:43] ²ÜÆÁ/[14:48] padding-bottom/[15:42] ²ÜÆÁ/[16:07] ²ÜÆÁ/[16:12] padding-left/[16:15] °á°ú È®ÀÎ/[16:41] ²ÜÆÁ/[17:47] ²ÜÆÁ/[18:03] font-weight:bold/[18:06] °á°ú È®ÀÎ/[18:28] ²ÜÆÁ/[19:03] font-weight:bold/[19:06] ²ÜÆÁ/[19:13] °á°ú È®ÀÎ/[20:36] ¿ìÃø ¸Þ´º »ó¼Ó °ü°è/[20:52] ²ÜÆÁ/[20:54] position: absolute/[21:04] ²ÜÆÁ/[21:05] position: fixed/[21:13] ul¸ñ·Ï/[21:52] ²ÜÆÁ/[21:57] ²ÜÆÁ/[22:59] ²ÜÆÁ/[23:14] º»·Ð ¼¼ÆÃ/[23:58] ²ÜÆÁ/[24:19] ·Î±×ÀΠâ ¸¸µé±â/[24:57] ²ÜÆÁ/[24:59] background:url/[25:14] ²ÜÆÁ/[25:20] width, height/[25:28] ·Î±×ÀÎ ¼¼ÆÃ/[25:47] ²ÜÆÁ/[25:48] float:left/[27:29] ²ÜÆÁ/[27:41] ²ÜÆÁ/[27:47] font-size/[28:08] label/[29:28] Çѹø¿¡ µ¿ÀÏÇϰÔ/[29:36] login/[29:48] login .id input,/[29:52] #login .pw input/[29:55] width/[30:21] °á°ú È®ÀÎ/[30:33] height/[30:41] ²ÜÆÁ/[30:44] padding-left/[30:59] °á°ú È®ÀÎ /[32:12] ²ÜÆÁ/[32:15] border-color/[32:27] background-color/[32:45] ÀԷ°ª »ö±ò ÁöÁ¤/[33:04] button type/[33:21] ²ÜÆÁ/[33:26] float:left/[33:43] margin/[33:46] ²ÜÆÁ/[33:55] °á°ú È®ÀÎ/[34:14] ²ÜÆÁ/[34:15] overflow:hidden/[34:36] width, height/[34:46] °á°úÈ®ÀÎ/[34:50] ²ÜÆÁ/[35:13] ²ÜÆÁ/[35:40] cursor:pointer/[35:51] ²ÜÆÁ/[35:53] À§Ä¡ ¼öÁ¤/[37:09] ²ÜÆÁ/[37:12] ÆÐ½º¿öµå¿Í ¾ÆÀ̵ð/[37:36] ·Î±×ÀΠâ/[39:20] ÀåÁ¡
-
18.44ºÐ ½ÇÀü! À¥ÆäÀÌÁö ÄÚµùÀÇ ±â¼ú! À¥ÆäÀÌÁö ÄÚµù½Ç½À 3
ȸ¿ø°¡ÀÔ, ·Î±×¾Æ¿ô
Ã¥°¥ÇÇ : [00:00] ul¸ñ·Ï Á¤ÀÇ/[00:29] ²ÜÆÁ/[00:55] ²ÜÆÁ/[00:56] padding/[00:59] °á°ú È®ÀÎ/[01:38] font-size, letter-spacing/[01:40] ²ÜÆÁ/[01:47] °á°ú È®ÀÎ/[02:06] ²ÜÆÁ/[02:07] float-left/[02:11] °á°ú È®ÀÎ/[02:27] ²ÜÆÁ/[02:39] ²ÜÆÁ/[03:12] .login_al li a/[03:16] color/[03:19] °á°ú È®ÀÎ/[03:39] ²ÜÆÁ/[03:40] a:hover/[04:03] ¹®Á¦Á¡/[04:25] .ps/[05:04] ¹è°æ À̹ÌÁö/[05:30] padding-left/[05:35] ²ÜÆÁ/[05:41] ²ÜÆÁ/[06:25] css ¿ä¼Ò/[06:38] width, color/[06:43] °á°ú È®ÀÎ/[06:51] ²ÜÆÁ/[06:53] »ó¼Ó °ü°è/[07:03] ·Î±×ÀÎ ¹è°æ/[07:23] ²ÜÆÁ/[07:39] input/[08:03] Ä¿¼ ±ôºýÀÌ°Ô ÇÏ´Â °Í/[08:56] ȸ¿ø°¡ÀÔ/[10:10] ·Î±× ¾Æ¿ô ¹öư/[10:32] ¹è°æ ±ò±â/[10:34] width,height/[10:37] ²ÜÆÁ/[10:39] ²ÜÆÁ/[11:08] ¿©¹é ¾øÀÌ ÇÏ´Â ¹æ¹ý/[11:25] ÄÚµù/[11:35] infous/[11:48] ²ÜÆÁ/[11:51] margin, padding/[12:32] pű×/[12:33] ²ÜÆÁ/[12:35] margin: 0/[12:56] .m/[13:20] ²ÜÆÁ/[13:21] padding-left, font-size/[13:42] ·Î±×¾Æ¿ô ¹öư ¸¸µé±â/[14:09] ²ÜÆÁ/[14:20] ¹è°æ Æ÷Áö¼Ç/[15:23] ²ÜÆÁ/[15:24] background, borde, line-height/[15:40] °á°ú È®ÀÎ/[15:53] user/[16:32] user strong/[16:19] user span/[16:43] °á°ú È®ÀÎ/[17:09] ²ÜÆÁ/[17:33] ²ÜÆÁ/[17:35] text-align:center/[18:09] margin/[18:11] ²ÜÆÁ/[18:18] color/[18:38] ²ÜÆÁ/[19:20] »ó¼Ó °ü°è/[19:38] ·Î±×¾Æ¿ô/[19:58] background, border/[20:51] line-height/[21:41] margin/[22:11] ¸µÅ© ºÒ·¯¿À±â/[23:29] ÆÄÀÏ ¿¬µ¿Çϱâ/[23:40] link rel/[25:18] ²ÜÆÁ/[27:24] left-img a, display: block/[27:28] ²ÜÆÁ/[28:13] ¸Þ´º »ðÀÔ/[28:40] ²ÜÆÁ/[29:10] top ÅÂ±× ÄÚµù/[29:37] ²ÜÆÁ/[29:43] position, margin/[29:44] ²ÜÆÁ/[30:07] ²ÜÆÁ/[30:34] tagbox ul/[30:44] ²ÜÆÁ/[30:49] text-align:justify/[31:11] ²ÜÆÁ/[31:31] ²ÜÆÁ/[31:45] padding/[32:07] ²ÜÆÁ/[32:10] display: inline/[32:11] ²ÜÆÁ/[33:39] color/[32:40] ²ÜÆÁ/[34:07] ²ÜÆÁ/[34:09] font-weight:bold/[34:31] a:hover/[34:32] text-decoration/[34:37] ²ÜÆÁ/[35:34] ²ÜÆÁ/[36:13] background, text-align/[36:31] ²ÜÆÁ/[36:49] ²ÜÆÁ/[36:56] ²ÜÆÁ/[37:16] ²ÜÆÁ/[37:17] display:inline/[37:54] ²ÜÆÁ/[37:56] display:block/[37:57] ²ÜÆÁ/[38:52] ²ÜÆÁ/[39:01] ²ÜÆÁ/[39:03] ²ÜÆÁ/[39:05] width,, solid/[39:56] ²ÜÆÁ/[39:58] overflow/[40:19] »ó¼Ó °ü°è/[40:25] contentBox/[40:41] ²ÜÆÁ/[40:47] text-decoration/[41:09] ul¸ñ·Ï/[41:28] li¸ñ·Ï/[41:33] a¸µÅ©/[41:47] tagbox/[42:31] tagbox ul/[43:06] ƯÁ¤ ű×/[43:56]
-
19.36ºÐ ½ÇÀü! À¥ÆäÀÌÁö ÄÚµùÀÇ ±â¼ú! À¥ÆäÀÌÁö ÄÚµù½Ç½À 4
Main ÆäÀÌÁö ÄÚµù¸¶¹«¸®
Ã¥°¥ÇÇ : [00:00] Main/[00:16] float:left/[00:18] ²ÜÆÁ/[00:24] width/[00:50] ²ÜÆÁ/[00:54] maring/[00:57] °á°ú È®ÀÎ/[01:40] ²ÜÆÁ/[01:41] float:right/[02:07] ²ÜÆÁ/[02:13] height: line-height/[02:28] °á°ú È®ÀÎ/[02:39] ²ÜÆÁ/[03:18] ²ÜÆÁ/[03:40] ²ÜÆÁ/[03:46] padding/[04:53] color, font/[05:01] ²ÜÆÁ/[05:25] ²ÜÆÁ/[05:37] ²ÜÆÁ/[05:41] margin-bottom/[05:56] ²ÜÆÁ/[06:21] ²ÜÆÁ/[06:41] ²ÜÆÁ/[07:19] ²ÜÆÁ/[09:20] »ó¼Ó °ü°è/[09:27] ²ÜÆÁ/[09:38] ²ÜÆÁ/[09:48] ²ÜÆÁ/[10:12] ²ÜÆÁ/[11:01]main_top/[11:18] ²ÜÆÁ/[11:29] ²ÜÆÁ/[11:40] ²ÜÆÁ/[11:45] padding, font-size/[11:49] ²ÜÆÁ/[11:55] line-height/[12:08] ²ÜÆÁ/[12:40] ²ÜÆÁ/[12:42] background-color/[13:03] ²ÜÆÁ/[13:05] margin/[14:43] ²ÜÆÁ/[14:45] margin/[15:19] img, float:left/[15:21] ²ÜÆÁ/[15:36] ²ÜÆÁ/[16:00] ²ÜÆÁ/[16:04] ²ÜÆÁ/[16:05] position, line-height/[16:28] ±¸ºÐ¼± ¸¸µé±â/[16:41] ²ÜÆÁ/[16:44] no-repeat, margin/[16:56] ²ÜÆÁ/[17:04] °á°ú È®ÀÎ/[18:19] main_info/[18:32] ²ÜÆÁ/[18:38] ²ÜÆÁ/[18:51] °á°ú È®ÀÎ/[19:44] ²ÜÆÁ/[20:39] margin, color, font-size/[20:35] ²ÜÆÁ/[20:46] ²ÜÆÁ/[20:55] °á°úÈ®ÀÎ/[22:02] span ¹Ù²Ù±â/[22:18] °á°úÈ®ÀÎ/[22:30] »ó¼Ó°ü°èÈ®ÀÎ/[22:41] ²ÜÆÁ/[22:44] text-decoration/[23:51] ²ÜÆÁ/[24:39] ²ÜÆÁ/[25:24] ²ÜÆÁ/[26:25] main_ju/[26:37] ²ÜÆÁ/[26:41] ²ÜÆÁ/[26:46] ²ÜÆÁ/[27:25] h5, font-size, margin/[27:29] ²ÜÆÁ/[27:36] ²ÜÆÁ/[27:53] ²ÜÆÁ/[27:56] text-decoration/[27:57] °á°úÈ®ÀÎ/[28:18] main_ju p/[28:20] ²ÜÆÁ/[28:45] ²ÜÆÁ/[29:12] main_ju li/[29:13] ²ÜÆÁ/[29:14] line-height/[29:46] li a, color/[30:04] ²ÜÆÁ/[30:25] font-size/[30:27] ²ÜÆÁ/[30:46] a:hover, background/[30:47] ²ÜÆÁ/[31:30] float:left/[31:38] ²ÜÆÁ/[32:20] ²ÜÆÁ/[32:29] border/[32:33] ²ÜÆÁ/[32:38] °á°ú È®ÀÎ/[33:07] float:right/[33:11] ²ÜÆÁ/[33:26] ²ÜÆÁ/[33:25] main_ju/[33:42] margin, padding/[34:03] h5/[34:22] ul¸ñ·Ï/[34:38] pű×/[35:04] li¸ñ·Ï/[35:22] bű×/[35:34] a¸µÅ©/[35:45] left/[35:47] ²ÜÆÁ/[36:05] right
-
20.35ºÐ ½ÇÀü! À¥ÆäÀÌÁö ÄÚµùÀÇ ±â¼ú! À¥ÆäÀÌÁö ÄÚµù½Ç½À 5
¿ì ¸Þ´º, ÆÛ¼¾Æ® Á¦ÀÛ
Ã¥°¥ÇÇ : [00:00] ¿ìÃø ¸Þ´º ¼¼ÆÃ/[00:41] right/[00:48] width, float/[00:53] ²ÜÆÁ/[01:14] Á¦¸ñ±Û/[01:29] ²ÜÆÁ/[01:33] position, padding/[01:37] ²ÜÆÁ/[02:03] ²ÜÆÁ/[02:33] h3 span/[03:05] ²ÜÆÁ/[03:15] font-size/[03:18] ²ÜÆÁ/[03:39] ²ÜÆÁ/[03:44] ²ÜÆÁ/[03:49] background-color/[03:58] »ó¼Ó °ü°è/[04:05] h3/[04:07] ²ÜÆÁ/[04:44] ²ÜÆÁ/[05:01] h3 span a/[05:11] right/[05:52] newlist/[06:14] ²ÜÆÁ/[06:17] position:relative/[06:20] ²ÜÆÁ/[06:25] ²ÜÆÁ/[06:56] ²ÜÆÁ/[07:00] background-color/[07:20] ²ÜÆÁ/[07:38] newlist li/[08:01] ²ÜÆÁ/[08:14] ²ÜÆÁ/[08:44] ²ÜÆÁ/[09:10] newlist li a/[09:20] ²ÜÆÁ/[09:22] li a:hover, color/[09:45] ²ÜÆÁ/[09:47] padding/[10:00] ²ÜÆÁ/[10:27] ²ÜÆÁ/[10:42] »ó¼Ó °ü°è/[11:18] ul¸ñ·Ï/[11:44] li¸ñ·Ï/[12:13] ²ÜÆÁ/[12:24] li a/[12:27] ²ÜÆÁ/[12:42] li span/[12:56] ²ÜÆÁ/[12:57] img/[13:28] ÇÏ´Ü ¸®½ºÆ® Ãß°¡/[13:38] datalist/[13:45] ²ÜÆÁ/[13:48] background-color/[13:50] ²ÜÆÁ/[14:05] ²ÜÆÁ/[14:09] padding, height/[14:40] ²ÜÆÁ/[15:26] font-weight:bold/[15:29] ²ÜÆÁ/[15:50] ²ÜÆÁ/[16:12] a:hover, text-decoration/[16:14] ²ÜÆÁ/[16:17] ²ÜÆÁ/[16:36] li .memo/[16:49] ²ÜÆÁ/[16:50] font-weight:normal/[17:19] li .name/[17:51] li b, display: block/[17:57] ²ÜÆÁ/[18:15] ²ÜÆÁ/[18:23] ²ÜÆÁ/[18:44] °á°úÈ®ÀÎ/[18:51] ¹®Á¦Á¡/[19:21] »ó¼Ó °ü°è/[19:26] datalist/[19:28] ul¸ñ·Ï/[19:33] li¸ñ·Ï/[19:49] ²ÜÆÁ/[19:53] li a/[21:02] ²ÜÆÁ/[21:05] ²ÜÆÁ/[20:18] li .memo/[20:39] li b/[21:01] bottom/[21:03] position, margin-top/[21:24] div/[21:43] footmenuA/[21:46] ²ÜÆÁ/[21:57] ²ÜÆÁ/[22:06] ²ÜÆÁ/[22:25] text-align:center/[22:27] ²ÜÆÁ/[22:40] img, margin/[22:52] ²ÜÆÁ/[22:55] footmenuA img/[23:29] ²ÜÆÁ/[23:30] footmenuA .red/[23:45] footmenuA .blue/[23:50] a:hover, text-decoration/[23:52] ²ÜÆÁ/[24:14] ²ÜÆÁ/[24:15] footmenuB/[24:26] ²ÜÆÁ/[24:48] ²ÜÆÁ/[25:50] ²ÜÆÁ/[25:56] ²ÜÆÁ/[24:54] »ó¼Ó °ü°è/[26:02] W3C css/[29:11] ÆÄÀÏ¸í ±³Ã¼/[31:08] ²ÜÆÁ/[31:10] clear: both, width/[31:15] °á°ú È®ÀÎ/[32:18] margin/[33:31] width, position/[31:34] ²ÜÆÁ/[32:16] ²ÜÆÁ/[33:25] ²ÜÆÁ/[34:39] margin:10px/[34:34] ²ÜÆÁ/[34:44] °á°ú È®ÀÎ
- ȨÆäÀÌÁö Á¦ÀÛ [Ư°]
-
21.36ºÐ ·¹À̾ƿôÀÇ ±âº»ÀÌÇØ1
html5 ·¹À̾ƿô, Á¾·ùº° ¸Þ´º
Ã¥°¥ÇÇ : [00:00] ·¹À̾ƿô ¼³Á¤/[00:59] font-family ¼³Á¤/[01:34] word-break/[03:33] a ¸µÅ©/[04:26] outline: none/[05:19] a:hover, a:focus/[06:35] list-style: none/[06:45] °øÅë Àû¿ë »çÇ× ¼³Á¤/[07:20] container/[09:32] header/[10:23] line-height/[12:28] nav/[14:25] nav li/[15:39] position: relative/[16:48] text-align: center/[17:28] nav li a/[17:59] overflow: hidden/[19:58] nav li a:hover/[23:35] ¸Þ´º »çÀÌ ±¸ºÐ¼± »ý¼º/[24:40] ¾ÆÀÌÄÜ »ðÀÔÇϱâ/[28:08] ¿À·ù ¼öÁ¤/[29:27] ¾ÆÀÌÄÜ À§Ä¡ º¯°æÇϱâ/[31:44] nav .main_newimg/[32:40] nav li img/[34:39] ½Ç½À¸Þ´º2/[35:28] .nava
-
22.37ºÐ ·¹À̾ƿôÀÇ ±âº»ÀÌÇØ2
¾Æ¹«µµ ¾Ë·ÁÁÖÁö ¾ÊÀº ¹ö±×ÇØ°á, ¶Ç´Ù¸¥ ÇÏ´Ü ¸Þ´º
Ã¥°¥ÇÇ : [00:00] display: inline/[02:49] display: inline-block/[03:43] display: block/[04:35] margin-right/[06:20] °¡¿îµ¥·Î ¸Þ´º Á¤ÀÇ/[08:35] text-align: center/[09:16] first-child/[11:02] last-child/[11:56] °¡»ó¿ä¼Ò/[12:38] ¸ð¹ÙÀÏ È¨ÆäÀÌÁö/[13:50] °Ë»ö¹Ù Ãß°¡/[15:06] °Ë»ö¹Ù À§Ä¡ Á¤ÀÇ1/[17:16] position: relative/[17:56] °Ë»ö¹Ù À§Ä¡ Á¤ÀÇ2/[18:28] float: right/[20:02] input ¼³Á¤/[22:56] ¼Ò½º È®ÀÎ/[23:44] position:relative/[24:49] article Á¤ÀÇ/[26:21] line-height/[27:21] footer Á¤ÀÇ/[28:34] float: left/[29:39] ul ¸ñ·Ï Á¤ÀÇ/[30:48] li ¸ñ·Ï Á¤ÀÇ/[31:58] ¸Þ´º »çÀÌ ±¸ºÐ¼± »ý¼º/[32:15] ¼Ò½º È®ÀÎ/[33:29] ¸Þ´º »ö»ó º¯°æ/[33:53] first-child, last-child/[36:14] copyright/[36:26] clear: both