為什么修改了bootstrap的css文件自定義的樣式不起作用？引導(dǎo)已經(jīng)成為前端開發(fā)不可或缺的框架之一。bootstrap的應(yīng)用使得布局和樣式的設(shè)置非常簡(jiǎn)單。然而，bootstrap提供的默認(rèn)樣式往往

為什么修改了bootstrap的css文件自定義的樣式不起作用？

引導(dǎo)已經(jīng)成為前端開發(fā)不可或缺的框架之一。bootstrap的應(yīng)用使得布局和樣式的設(shè)置非常簡(jiǎn)單。

然而，bootstrap提供的默認(rèn)樣式往往不能滿足我們的需要，因此定制bootstrap成為我們經(jīng)常需要做的工作。本文討論了如何更有效、更易維護(hù)地定制引導(dǎo)。如下圖所示，通過(guò)向按鈕添加bootstrap類：BTN BTN primary，您可以將默認(rèn)按鈕（左）更改為右樣式。但是如果我們想應(yīng)用我們自己的風(fēng)格，例如，我們希望有圓形按鈕。通常，我們可以直接覆蓋引導(dǎo)樣式。我們?cè)谧约旱捻?xiàng)目目錄中創(chuàng)建我的-自定義.cssBTN{-WebKit border radius:20px-Moz border radius:20px border radius:20px}將我的-自定義.css文件引用引導(dǎo).css在文件末尾，我們定義的BTN樣式將覆蓋原始樣式（注意：這里的“cover”指的是增量覆蓋樣式）。但這種方法有其優(yōu)缺點(diǎn)，優(yōu)點(diǎn)：不會(huì)改變你的工作流程。您可以快速直接地修改您的樣式。即使您的網(wǎng)站引用了類似于bootstrap的其他框架樣式，您也可以在同一位置自定義它們。缺點(diǎn)：不過(guò)，對(duì)于更徹底的修改（如重新設(shè)計(jì)導(dǎo)航欄）或非本地修改（如修改適用于整個(gè)網(wǎng)站的突出顯示顏色），東西方覆蓋風(fēng)格更像是一種修補(bǔ)解決方案。另外，您的新樣式應(yīng)該添加到bootstrap的默認(rèn)樣式表中，以使已經(jīng)100kb的文件變得越來(lái)越龐大。如果您不只是想做一些覆蓋，請(qǐng)考慮一種更具可伸縮性的方法。另一種方法是生成定制的引導(dǎo)。我們可以使用官方的生成器，你可以在bootstrap中自定義樣式變量。如下圖所示：

為什么CSS不起作用？

導(dǎo)致無(wú)效的原因很多：

寫不規(guī)范導(dǎo)致CSS寫錯(cuò)誤；

寫不規(guī)范導(dǎo)致CSS寫錯(cuò)誤；

CSS未更新導(dǎo)致瀏覽器緩存；

CSS瀏覽器不兼容導(dǎo)致一系列其他原因。

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

隨著技術(shù)的更新和迭代，前端工作越來(lái)越繁重和復(fù)雜。

CSS技術(shù)就像一個(gè)數(shù)學(xué)問(wèn)題。它有太多的可變性。這就是困難所在。例如，您可以清楚地看到11=2，但是您是否需要考慮1 1000-10 1100 123的問(wèn)題？

隨著CSS3的出現(xiàn)，CSS不再簡(jiǎn)單，CSS3動(dòng)畫、變形、漸變、過(guò)濾器等

布局有彈性、網(wǎng)格等。就像數(shù)學(xué)問(wèn)題一樣，任何組合都是一種新類型的問(wèn)題，變得極其復(fù)雜。所以學(xué)好基礎(chǔ)知識(shí)更重要，要有各種知識(shí)，扎實(shí)的基礎(chǔ)知識(shí)，看問(wèn)題類型，有自己的想法，有多種解決方法，不受限制。CSS有復(fù)雜和困難的樣式，我們可以使用多種解決方案，比如canvas、SVG、真不圖像等等。