這項 HTML 元素的使用頻率極低，今天我們就要為它正名！

< datalist>標簽用于為< input>元素提供一項“自動補全”功能。在鍵入過程中，您會看到如下圖所示的預(yù)定義下拉菜單及選項。

示例：

<datalist>列出的屬性（參見上方粗體）必須等于<input>的 id，因為需要將二者捆綁使用。

實際上，您完全可以將 label 元素直接放在復(fù)選框旁邊以達成相同的效果。這樣，我們就能點擊“I agree”并輕松選中該復(fù)選框！

這可能是本份清單中知名度最高的技巧了，但大多數(shù)朋友并沒有意識到它的強大力量。

子選擇器用于匹配某一指定元素的全部子元素。它能夠給出兩項元素之間的關(guān)系。

寫作模式是一項鮮為人知，但卻極為強大的 CSS 屬性。

您可以借此讓文本以垂直形式排列。

calc()CSS 函數(shù)允許您在指定 CSS 屬性值的前提下執(zhí)行計算。

大家在 calc() 中用得最多的功能，應(yīng)該就是混合單位了，例如將百分比與像素相混合。這項任務(wù)無法由預(yù)處理器完成，只能在渲染過程中執(zhí)行。

                                                6、Math.round 與 Math.floor 備選項

                                                                7.Console.table

不少朋友可能已經(jīng)聽說并使用過 console.log()，但對于 console.table() 恐怕還比較陌生。它的作用是接收一個數(shù)組或者一個對象，從而以非常整潔的方式在控制臺視圖內(nèi)顯示一份表格！