background-clipclip
的意思為裁剪
其主要是用來確定背景的裁剪區域，換句話說，就是如何控制元素背景的剪裁區域，看一下語法
background-clip ： border-box || padding-box || content-box1、border-box:此值為預設值，背景從border區域向外裁剪，也就是超出部分將被裁剪掉；
2、padding-box：背景從padding區域向外裁剪，超過padding區域的背景將被裁剪掉；
3、context-box：背景從content區域向外裁剪，超過context區域的背景將被裁剪掉；
我們簡單看一下使用**
這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。
這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。
這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。
這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。
這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。
這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。這是文字。
我們看到，在應用
background-clip:content-box;
屬性後，大盒子的背景除了文字效果外的都被裁減了，也就是上面用大白話解釋的如何控制元素背景的剪裁區域
真正的大boss來了， background-clip：text（請注意：只有在谷歌下支援，請新增私有屬性）
這個屬性的意思是：
以區塊內的文字作為裁剪區域向外裁剪，文字的背景即為區塊的背景，文字之外的區域都將被裁剪掉。
我們看乙個不使用background-clip :text 的例子
clip
效果：
我們加上-webkit-background-clip:text; 來看下效果
發現盒子的背景區域被裁減了，光剩下了文字的背景
這裡我有乙個疑問，文字屬於盒子，盒子的背景是，那麼文字的背景不應該是嗎，而照此說法，文字的背景不屬於盒子的背景
我的理解就是把背景裁剪到文字，又因為文字有顏色，所以顯示背景白色
這不就是 文字color的屬性嗎，我們來看乙個厲害的，如果我把文字的顏色設定為transparent呢 **如下
具體的如何製作背景漸變色動畫請看這篇部落格
研一的苦惱
接近考試了，又要忙碌地複習了。做乙個研究生也挺麻煩的，既要照顧好課程，還要忙著導師的專案。平時的課挺多的，說輕鬆也輕鬆，說緊張倒也緊張。上課可以專心聽，也可以打個盹就過去了，反正沒有點名提問 作業可以好好做，也可以拼拼湊湊搞的有模有樣交了算了。你可以預習也可以不預習，你可以複習也可以扔在一邊不管了。...
研一的苦惱
接近考試了，又要忙碌地複習了。做乙個研究生也挺麻煩的，既要照顧好課程，還要忙著導師的專案。平時的課挺多的，說輕鬆也輕鬆，說緊張倒也緊張。上課可以專心聽，也可以打個盹就過去了，反正沒有點名提問 作業可以好好做，也可以拼拼湊湊搞的有模有樣交了算了。你可以預習也可以不預習，你可以複習也可以仍在一邊不管了。...
保研 最近參與的保研夏令營
最近忙著保研夏令營的申請，又在做學年設計，都沒有時間更博啦。保研其實也是一場苦仗啊，只是沒有考研那麼慘烈。同樣的要準備複試的專業課知識，把以前快要忘掉的專業課再拿出來看。poj再刷起來。目前報了以下學校 arranged in random order 中科院計算所 x 中科院網路中心 v 中科院軟...