css 選擇器匹配元素是逆向解析所以為了減少查詢時間，盡量不要直接使用標籤選擇器。
答案是120px+(20*2)px=160px
section
解決辦法：
.box
.box:first-child
.box:nth-child(2)
.box:last-child
class
="box"
>
div>
class
="box"
>
div>
class
="box"
>
div>
實現效果圖：
在一部分不合法，但是在某些瀏覽器上生效的寫法就叫css hack，一般用來相容老的瀏覽器， 缺點是難理解、難維護、易失效
替代方案：
寫hack時需要注意
overflow
: hidden;
text-overflow
: ellipsis;
white-space
: no-wrap;
visibility: hidden
opacity: 0
繼承:
visibility: hidden
效能:
visibility:hidden
opacity: 0
% 父元素寬度的比例。
em 相對單位。 不同的屬性有不同的參照值。
rem 是相對於根元素 html 的 font-size 來計算的，所以其參照物是固定的。
vw, vh, vmin, vmax 相對單位，是基於視窗大小（瀏覽器用來顯示內容的區域大小）來計算的。
line-height
color
visibility
cursor
行框的排列會受到中間空白（回車\空格）等的影響，因為空格也屬於字元, 這些空白也會被應用樣式，佔據空間，所以會有間隔，把字元大小設為 0，就沒有空格了
name
="viewport"
content
="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
>
是有諸多優點的，但是缺點很明顯，比如不但增加了總檔案的大小，還增加了很多額外的"http請求"，這都會大大降低網頁的效能的。更重要的是不能很好的進行「縮放」，因為放大和縮小會失真。 學習移動端響應式，很多情況下希望我們的圖示是可以縮放的。此時，乙個非常重要的技術出現了，這就是字型圖示（iconfont)。
如何使用
上傳生成字型包
當ui設計人員給我們svg檔案的時候，我們需要轉換成我們頁面能使用的字型檔案， 而且需要生成的是相容性的適合各個瀏覽器的。
推薦**：
字型引入到html
首先把以下4個檔案放入到 fonts資料夾裡面。
第二步：給盒子使用字型
span
span::before
或者
練習之面試題。
今天繼續來做一些面試題鞏固自己所學的知識。1.將兩個鍊錶的值加起來求出新鍊錶。如 p1 1 2 3 4 5 6.p2 4 5 6 7 8 9.結果是 5 7 9 0 4 6.舉例 尾插函式。slistnode listpushback slistnode p1,int val while p3 pn...
Vue之面試題
1 說下vue資料雙向繫結的原理 2 說說vuex的作用以及應用場景 3 說說vue元件的資料通訊方式 4 vue的原始碼有看過嗎？說說vuex工作原理 5 為什麼說虛擬 dom會提高效能，解釋一下它的工作原理 6 請你詳細介紹一些 package.json 裡面的配置 7 為什麼說vue是一套漸進...
Java之面試題1
題 大廳裡有100盞燈，每盞燈都編了號碼，分別為1 100。每盞燈由乙個開關來控制。開關按一下，燈亮，再按一下燈滅。開關的編號與被控制的燈相同。開始時，燈是全滅的。現在按照以下規則按動開關。第一次，將所有的燈點亮。第二次，將所有2的倍數的開關按一下。第三次，將所有3的倍數的開關按一下。以此類推。第n...