CSS為什么這么難學(xué)？你好，我是“web秀-提供專業(yè)的web前端技術(shù)知識”。隨著技術(shù)的更新迭代，前端的工作越來越重了，也越來越復(fù)雜。css技術(shù)就好比數(shù)學(xué)問題，可變性太強，這就是難點所在，舉例，你能很清

CSS為什么這么難學(xué)？

你好，我是“web秀-提供專業(yè)的web前端技術(shù)知識”。

隨著技術(shù)的更新迭代，前端的工作越來越重了，也越來越復(fù)雜。

css技術(shù)就好比數(shù)學(xué)問題，可變性太強，這就是難點所在，舉例，你能很清楚1 1=2，但是1 1000-10 1100 123這個問題，你是不是就要好好思考一下？

隨著css3的到來，css就已經(jīng)不再簡單了，css3動畫，變形，漸變，濾鏡等

布局有flex、grid等。就好像數(shù)學(xué)題，任意的組合都是一種新的題型，變得異常復(fù)雜。所以學(xué)好基礎(chǔ)知識比較重要，一通百通，基礎(chǔ)知識牢固，看到題型，有自己的想法，解決方法也有很多種，不會局限。有復(fù)雜難搞的css樣式，我們可以通過多種解決方案，比如canvas，svg，實在不行圖片等等。

CSS3樣式中如何讓背景漸變與背景圖片共存？

目前，對CSS3支持日趨完善，實現(xiàn)兼容性的漸變背景效果是完全可以的，讓背景漸變與背景圖片共存的方法很簡單，主要要注意的是圖片要 保持“最小單元”的準則，選擇正確的瀏覽器，該問題就能得到解決，下面介紹一下具體的解決方法。

1、圖片漸變切圖時一定要以最小為準則，例如在做垂直方向的純顏色的漸變時，嘗試使用1個像素的豎直圖片作為漸變背景“最小單元”。另外，要注意css3雖然支持很多的瀏覽器的兼容，但是目前不支持Opera瀏覽器。

2、如果兼容程度允許的話，純色漸變背景可以使用css3的漸變樣式，如{background: linear-gradient(left top， red ， blue)}，如此一來能夠減少切圖量，還可以加快網(wǎng)頁加載速度，缺點是使用主流瀏覽器的話，就必須要添加前綴。

3、注意對于webkit核心的瀏覽器，如Chrome/Safari瀏覽器，在這些瀏覽器下要做到漸變背景，也需要使用CSS3 漸變方法，css-gradient，具體就是-webkit-gradient，使用語Firefox瀏覽器業(yè)是有一點差異的。