歡迎回來。
現在，我們有我們做的待辦事宜列表應用的基本功能是時候讓我們能夠專注於使它看起來是這樣的。
因此，我們絕對有相當長的路要走。
我們只是要在及時出擊這一個作品。
我會嘗試這樣做是最合理的可能的順序。
我們將與一些較大件喜歡的背景顏色和字體確保我們有正確的margin和padding在這裡這個大容器，然後我們將著眼於一些更細微的東西開始。
OK讓我們在這裡開始。
首先我們會做我會做一個完整的畫面。
我們只需按下下來開始。
這是我們的容器div。
我們將添加保證金頂端，使我們有更多的空間在這裡。
因此，我們將回到我們的（C S）S和可關閉或JavaScript現在。
我們div有容器的一個想法，然後我們去選擇，在這裡，你已經完成了。
而非零奧托井的餘量給它一百個像素的頂部和底部。
請記住，我們需要在x，如果我們有零我們不需要X，但如果我們有一些我們做的。
現在讓我們一起來看看。
OK所以現在他們已經開始在同一個地方。
他們有相同的幅度。
我們要做的下一件事就是添加一個背景色為這個容器，這其中有。
這是很難一點點地看到，但是當我刪除的東西它背後顯示了通過。
這是這個顏色就在這裡。
所以這一次。
因此，我們將繼續前進，添加。
因此，而不是容器也說背景和顏色。
我就看出來是F 7 7 7之後。
就這樣。
讓我們檢查如何看起來。
好。
因此，我們有相同的灰色，我們已經在這裡。
這是相同的淺灰色。
我們要做的下一件事就是在邊界的工作。
這實際上沒有邊框。
它擁有的是一個很輕微的箱子的影子。
所以，我們還沒有看到影子盒還。
我會證明這裡進入MT-NW，它只是一個添加陰影效果的方法。
所以，如果我向下滾動，你可以看到這裡有一些不同的盒子陰影，我們將有一個很輕的一個，但如果你身邊這個通知有一個非常輕微的陰影。
因此，語法和我們將要使用將擺脫我們的邊界的陰影箱破折號影子0 0 3個像素，然後一種顏色，我們的顏色這將是基本上只是黑色的，但它R.G ..
然後，我們要使它真的很透明。
所以只是勉強明顯。
如果我刷新。
我們現在有沒有邊界，但有解決這個元素有輕微的陰影。
好。
這就是我們要做的容器了。
讓我們來攻擊H-1。
所以這個標題在這裡。
所以這是我們這個時代他我只是認為是H1。
它沒有一個ID或任何東西，這很好。
讓我們去綜援文件，並在背景顏色將啟動。
所以我們會選擇每一個和背景是一個顏色，是2 9 8 0為9，他們會保存和更新，現在我們有藍色正確的陰影。
因此，我們也將改變字體顏色為白色，並迅速告訴你，。
好吧。
慢慢的逐日這裡。
我們要做的下一件事就是給它無餘量，現在我們剛剛擺脫這個空間，我們在這裡過的。
正如你可以在這裡看到沒有餘量。
這是我們的H-1。
有填充在這裡。
因此，文本不走正對著的邊緣像它在這裡。
但是有藍色包裝盒外面沒有餘量。
這是我們的文字輸入，並且也增加了填充，但有周圍沒有任何保證金。
因此，我們將通過添加一些填充圍繞我們的To Do列表開始。
H-1所以在這裡，我們要10個像素添加到頂部和底部20個像素左右和保存。
你可以看到我們越來越近了。
我們需要改變字體大小。
需要更改字體。
我們也將大寫所有這一切，我們可以現在做到這一點。
你應該知道我的最愛之一是文本轉換為大寫。
我只是覺得這很酷。
在那裡，我們去我們得到了所有大寫字體大小必須是24像素，字體大小24 x和保存好，我們會做的最後一件事是確保它是一個正常的字體粗細。
因此，通過默認的H1實際上是粗體，我們不希望出現這種情況。
所以我們會做凡特的方式正常，或者我們也可以這樣寫字體的粗細400。
在那裡，我們走了。
現在，它只是一個改變，這將回來要解決的擺脫這些要點的下一件事字體的問題。
你可以看到，如果我們沒有任何要點在這裡。
這些要點中被認為是默認瀏覽器的風格。
所以我們覆蓋。
我們將選擇UL，他們是內部的，說列表樣式沒有。
如果我們回去和刷新我們現在沒有任何要點。
我要做的另一件事是尊敬你，以及設定的保證金為零，填充為零，它會在這裡刷新，而不是剛上車的好，我們確實有空間的兩側擺脫空間在這裡，我們需要使用的，但是那是謊言不是UL本身。
因此，我們會回來這一點。
現在，讓我們在正確的字體添加這種字體的名稱是散板，它是谷歌的字體的一部分。
所以我有一個開放的這裡我只是做它散板搜索。
現在我們開始。
添加到收藏集，然後使用。
我們會想正常的方式。
我們將添加在大膽也網上平台。
現在，讓我們繼續前進，這個鏈接複製到我們的HMO，我們可以關閉此窗口。
回去的地方，每個團隊在這裡，只是往上頂貼，在保存，然後我們會去我們看到評估和我們將添加一些樣式的身體。
一切都使用這個字體，所以我們只在字體系列添加機器人。
就這樣。
如果我們現在回過頭來刷新我們的H-1是非常有。
除了這個按鈕，我們還沒有在所有的字體一摸一樣的間距所有的好顏色。
和我們的盟友快了。
他們有合適的字體。
我們需要一些的間距和填充問題的工作。
我們將處理接下來的事情是對謊言的背景顏色。
所以每一個其他的謊言。
它從一個白色純白到這個灰色的顏色，我們有作為的一個的背景。
因此，我們可以使用SS到樣式添加到所有其他盟友。
因此，讓我們做這件事情。
我們要做的第一件事是選擇所有的盟友，並給他們的白色背景，所以我們可以做到這一點與F F F或白色或R-GA 255 255到55，然後我們會做所有其他的謊言。
而對於該語法是一個謊言，孩子結束。
而且太和良好定義的每個其它的圖案。
如果我們做了三個，它會說每一個第三，但我們只是想每隔。
而我們會背景顏色，我們用於容器背景並刷新相同F7 F7 F7。
現在很難看到，因為他們是小了點，但現在所有其他的謊言是這個灰色。
所以，在添加一些更多的，你可以看到他們交替完美。
現在，讓我們解決的謊言，也是填充的高度的問題。
要做的第一件事就是給他們的40個像素，因此所有的盟友高度40×的高度，我們會回去刷新。
行，所以它們佔用的空間適量。
現在，如果我們比較這些字體有一些問題。
同時，我們也需要增加一些填充。
接下來將會使我們的文本垂直居中改變對所在行高屬性。
眼下該行基本上是這麼高。
我們要讓它佔據整個40像素顯示你行高40×，並且不會改變，它只是改變了行的大小字體的大小。
它現在40個像素。
因此，該行佔據了這整個地區。
接下來的次要的是我們有純黑色的顏色和我使用的顏色是不完全的黑色。
這是稍輕。
因此，我們將設置顏色，它是六六六刷新，然後我們去下一個，讓我們將輸入。
因此，我們有你需要做一些事情。
其中第一個是確保它佔用的空間的適量。
所以這個輸入大得多，它不只是填充或保證金的字體大小較大。
我們有一個新的背景顏色為好。
還有的，當我們點擊邊框。
因此，讓我們對所有這些工作，我們將通過只是在一個更大的字體大小增加開始。
因此，我們將選擇輸入字體大小，我們將設置字體大小為18像素。
雖然我們在這裡，我們會做的背景顏色以及背景顏色和它的同F 7 7 7 1/2。
就這樣。
讓我們刷新。
好。
我們越來越近。
我們要做的下一件事就是添加一個寬度，並且我們打算給它100％的寬度。
所以現在它一定會跨越容器方式的一部分。
如果我們刷新現在去所有的方式。
但是，我們有一些小的問題。
我們要照顧的第一件事是一些填充在裡面。
所以，我們要添加填充頂部13像素13像素的側面上的權利。
在底部13的像素和在左邊的20個像素。
所以你可以看到這一點。
我們有頂部和底部是13。
而在左邊有有20個像素。
所以，如果我是鮮我們現在有一個更大的投入，佔用的空間適量。
我們確實有一個問題，就是輸入的是現在太長。
當我們說，隨著應該是100％的，與實際上只是內容並沒有包括填充，並沒有包括這意味著，我們的投入去早已過了div的結束，而不是搞亂保證金與填充。
我的意思是，以顯示改變它是一種稱為框的大小屬性的另一種方式。
因此，與塊大小，你有幾個不同的選擇，但它基本上控制盒是如何大小的方塊模式。
而我們要改變它邊境Dasch框。
什麼這樣做我就看它說的寬度和高度的屬性包括填充和邊界，但不是保證金。
因此，如果我們將其更改為邊框框，我會做，現在我們進入這裡只需添加盒上漿整理箱，並保存它之前，我繼續前進。
我要指出這是我們都希望有前綴的屬性之一。
所以Web Kit和Mozy的是萬盎司，並從微軟的混亂。
我不打算這樣做了。
這將是在溶液中的代碼。
但它只是需要很長時間打字了。
因此，它的工作只是它是如何在Chrome至少我現在刷新。
我們的框，包括在邊界填充，但它不包括餘量。
因此，我們結束了一個完美的結合。
接下來我要給字體顏色，當我鍵入在那裡。
因此，所有我們需要做的。
我將只取從H-1相同的顏色，並深入到我們的投入，只是說，顏色是那種顏色。
如果我們現在刷新，我們開始鍵入我們走吧。
現在，讓我們關注的影響。
當我們點擊被稱為輸入聚焦你可以在這裡看到我們得到它周圍的邊框。
因此，我們需要對這項工作。
現在，我們有默認焦點效果。
因此，有該輸入冒號焦點就像懸停偽選擇的選擇。
當我們把重點放在輸入這些細胞才會運行。
所以我打算讓白色的背景，當我們重點關注一下。
我還打算給它的三個像素的實心藍色邊框，我們一直與我們會給它不是一個輪廓的輪廓是指這個惱人的亮點，我們從瀏覽器本身得到的。
現在，如果我們專注於我們的輸入得到這個新的藍色邊框，我們也改變背景顏色所以它的灰色現在是白色的。
所以這就是我們所需要的投入做，雖然我們應該去補充一點，我們這裡有佔位符文本。
所以，我會去索引HTL和旁邊的輸入或輸入將添加佔位符屬性。
這可能是你想要的。
我就讓它匹配。
所以這是添加新辦和刷新。
在那裡，我們走了。