1
00:00:00,360 --> 00:00:01,140
歡迎回來。

2
00:00:01,320 --> 00:00:10,020
所以，現在，我們有文件夾結構設置，我們已經創建了文件，我們將花一些時間，在這段視頻中創建實際的團隊結構。

3
00:00:10,020 --> 00:00:12,590
所以，我們需要為我們的To Do列表的元素。

4
00:00:12,990 --> 00:00:19,270
首先，讓我們考慮一下，我們正朝著在本單位的工作過程的最終版本。

5
00:00:19,650 --> 00:00:21,400
因此，這裡的最後一個待辦事項清單。

6
00:00:21,600 --> 00:00:26,490
而且我們這裡有大的元素，我們有一個標題就在這裡。

7
00:00:26,570 --> 00:00:29,200
您在這裡有一個按鈕某種元素。

8
00:00:29,340 --> 00:00:38,580
我們有一個文本輸入這裡輸入的類型等於文本，然後這是一個很好和這些每一個都是在UL的盟友。

9
00:00:39,030 --> 00:00:44,960
然後就在這裡每個按鈕是，我們的顯示和隱藏，並與改變的跨度。

10
00:00:44,970 --> 00:00:50,000
而且我們還需要某種元素包含一切，我們只用一個裝置來做到這一點。

11
00:00:50,040 --> 00:01:01,230
因此，我們需要一個div是DIV中我們會讓一個H-1的文本輸入UL與一群盟友，然後一些跨在那裡。

12
00:01:01,230 --> 00:01:14,590
現在我們就只是寫了一些他的年齡●沒有真正的C SS開始，只是為了讓你知道，我們會去了解這個方法是通過創建一個醜陋的做列表功能，然後回去和添加在C S.

13
00:01:14,640 --> 00:01:24,380
所以，我想要得到的這個肉是殲查詢，並作出新的做的和刪除它們的邏輯，然後我們就回去，在最後添加一些美麗的東西。

14
00:01:24,610 --> 00:01:24,860
好。

15
00:01:24,870 --> 00:01:26,990
因此，讓我們開始與HD。

16
00:01:27,300 --> 00:01:46,640
我要做一個DIV和讓我們給它一個ID容器，我們打算把一切div中，然後，而不是該專區將有H1，它只是說做列表，然後我們會有一個文本輸入。

17
00:01:46,990 --> 00:01:50,580
因此，輸入類型等於文本。

18
00:01:50,580 --> 00:01:52,380
而讓我們只看到如何的塑造。

19
00:01:52,680 --> 00:02:00,650
我要擺脫紫色背景的現在，讓我們去在這裡。

20
00:02:01,200 --> 00:02:04,230
而我也將擺脫這個警報。

21
00:02:04,230 --> 00:02:06,270
因此，讓我們做這件事情。

22
00:02:06,270 --> 00:02:07,240
在那裡，我們走了。

23
00:02:07,790 --> 00:02:08,140
好。

24
00:02:08,190 --> 00:02:12,420
因此，我們有我們的投入，我們有我們對H-1的文本。

25
00:02:12,600 --> 00:02:15,450
我想我們應該使其什特待辦事項清單。

26
00:02:15,690 --> 00:02:18,970
然後我們會做的下一件事就是添加了UL。

27
00:02:19,080 --> 00:02:24,240
因此，讓我們作出Dasch這些變化做單。

28
00:02:24,240 --> 00:02:30,660
在這之後，我們將在我們的UL增加，每做的是謊言有內部。

29
00:02:30,660 --> 00:02:35,130
讓我們在三個或四個首發楚楚的增加開始。

30
00:02:35,430 --> 00:02:48,350
因此我不得不轉到魔藥課新長袍，我們還將添加參觀海格。

31
00:02:48,360 --> 00:02:48,630
好吧。

32
00:02:48,630 --> 00:02:51,740
因此，我們有三個要做到這一點在我們的名單。

33
00:02:51,750 --> 00:02:59,630
很不起眼的名單，但迄今為止我們有H-1我們的文字輸入和我們對它的內部的三個盟友。

34
00:02:59,680 --> 00:03:09,820
現在好了，讓我們繼續前進，在添加刪除按鈕，我們不會有這樣的垃圾可與所有的造型刪除按鈕來啟動會之後。

35
00:03:09,840 --> 00:03:15,030
我們將只是有一個簡單的按鈕，它實際上並不甚至會成為一個按鈕。

36
00:03:15,180 --> 00:03:16,460
它只是要這個樣子。

37
00:03:16,590 --> 00:03:23,400
因此字母X，我們可以點擊，如果我們點擊是X，將刪除該做的事。

38
00:03:23,460 --> 00:03:32,840
而這僅僅是我們將如何開始了，而不是僅僅具有信件是謊言的一部分，雖然我將使用一個跨度以字母X.這樣跨越

39
00:03:33,330 --> 00:03:38,200
因此，讓我們複製下來。

40
00:03:38,340 --> 00:03:39,810
我們有三個spand。

41
00:03:39,990 --> 00:03:44,080
每個人都有一個X字有刷新。

42
00:03:44,100 --> 00:03:45,160
看起來沒有什麼不同。

43
00:03:45,450 --> 00:03:51,810
但是現在我們可以分別選擇範圍，我們將添加一個快速的監聽器。

44
00:03:51,840 --> 00:03:56,890
所以，當我們點擊我們要刪除該做的跨度或這整個的謊言。

45
00:03:57,290 --> 00:03:57,530
好。

46
00:03:57,540 --> 00:03:59,820
所以這就是我們所需要的基本標記。

47
00:04:00,060 --> 00:04:02,750
讓我們做造型的一小點點。

48
00:04:02,790 --> 00:04:09,300
我們要做的第一件事是中心這個div所以DIV是ID的容器。

49
00:04:09,720 --> 00:04:26,430
讓我們何去何從的選擇，在我們的綜援文件選擇整潔容器，讓我們給它一個漂亮的背景灰色剛開始，看看我們得到的。

50
00:04:26,430 --> 00:04:28,670
你可以看到對面的div去所有的方式。

51
00:04:28,860 --> 00:04:32,590
讓我們繼續前進，在與這樣它不走在所有的方式添加。

52
00:04:32,820 --> 00:04:41,840
然後，我們會盡量居中在屏幕中間所以寬度將做的是366。

53
00:04:42,120 --> 00:04:48,930
如果我們保存它只是我與最終版本相同的寬度。

54
00:04:48,930 --> 00:04:53,870
所以360像素，然後我們想要做的，當然接下來的事情就是中心的。

55
00:04:54,210 --> 00:04:57,000
而最簡單的方法是使用保證金的把戲。

56
00:04:57,150 --> 00:05:02,760
所以我們設置在頂部和底部的餘量是零和左，右是Ahto。

57
00:05:03,570 --> 00:05:07,640
如果我們現在刷新，我們有一個很好的中心任務列表。

58
00:05:07,680 --> 00:05:11,650
所以，這一切的時候了和評估，我們可以做從這裡開始。

59
00:05:11,700 --> 00:05:13,760
因為我們需要他們，我們會在一些事情補充。

60
00:05:13,950 --> 00:05:26,470
然後，一旦我們得到的基本功能下降，我們將專注於使這個漂亮，獲得正確的你知道動畫和影響的消退和幻燈片，使事情只是外觀和感覺要好很多。