石家莊學(xué)網(wǎng)頁設(shè)計(jì) 展為網(wǎng)絡(luò) 13933871212
定制組件是很常見的。內(nèi)容管理系統(tǒng)中的模塊或插件（或您選擇調(diào)用的CMS）將需要進(jìn)行一些其他CSS編輯，以使其按預(yù)期的方式顯示或運(yùn)行。內(nèi)容管理系統(tǒng)比使用HTML和CSS構(gòu)建的傳統(tǒng)網(wǎng)站具有更多的工作部件，并且可能需要一些其他技巧才能完成工作。下面顯示的方法應(yīng)對此有所幫助。
1.使用顯示：無隱藏元素
我經(jīng)常使用CMS插件/擴(kuò)展/模塊，這些插件提供的功能比我的項(xiàng)目所需的功能更多，而且并不總是有打開/關(guān)閉開關(guān)來管理某些功能。
示例：假設(shè)我們在CMS中使用日歷應(yīng)用程序。在此示例中，我正在為Joomla使用JEvents擴(kuò)展。日歷在日歷頂部顯示當(dāng)前的月，日和年，但是我希望組件不顯示該信息。
日歷擴(kuò)展
使用Firebug，我將鼠標(biāo)懸停在元素上以找到ID為“ cal_title”
標(biāo)題
然后，將下面的代碼插入到我的css文件中-在這種情況下，我使用的是模板框架Gantry，該模板框架具有名為template.css的模板替代文件。
displaynone
元素現(xiàn)在被隱藏：
titleremoved
請記住，僅當(dāng)您隱藏不重要的信息時才應(yīng)使用此選項(xiàng)。如果您隱藏了不希望向公眾發(fā)布的信息，那么我建議您進(jìn)入擴(kuò)展，應(yīng)用程序或模塊的實(shí)際文件，并刪除一些代碼行。
2.使用！IMPORTANT設(shè)置CSS屬性的優(yōu)先級
您安裝到CMS中的第三方應(yīng)用程序始終具有其自己的CSS文件或內(nèi)聯(lián)CSS代碼。曾經(jīng)嘗試將CS??S應(yīng)用于不同的HTML元素，但沒有效果嗎？這可能是因?yàn)樵撛匾呀?jīng)應(yīng)用了CSS屬性，而您的新元素剛剛被覆蓋。幸運(yùn)的是，有一種解決方法-使用！important屬性將使您的新規(guī)則覆蓋現(xiàn)有規(guī)則。這僅適用于您創(chuàng)建的屬性。例如，如果您僅應(yīng)用新的border屬性，則它將僅覆蓋邊框，而不會覆蓋其他屬性，例如字體，background-color等。
從前面的示例繼續(xù)，這是將！important屬性應(yīng)用于CSS的方法：
displaynonecode
僅當(dāng)您用盡了所有其他方法來應(yīng)用CSS時才應(yīng)使用！important。通常，您可以輕松找到原始CSS屬性并進(jìn)行修改。
3.使用CSS生成器
通過在線使用CSS生成器來創(chuàng)建諸如圓形邊框，按鈕，漸變，陰影等效果，可以節(jié)省大量時間。我通常根據(jù)需要使用不同的生成器，因此我建議嘗試不同的選項(xiàng)，而不要總是使用相同的選項(xiàng)，因?yàn)樗鼈兺ǔ＞哂胁煌呐渲谩?/div>
那么如何找到它們呢？只需使用您喜歡的搜索引擎，然后輸入“ CSS generators”！
4.切換網(wǎng)站的移動版本的樣式表
我遇到過幾種情況，在這些情況下，我只想修改移動版本的CSS，而無需更改完整的桌面版本。如果您使用的是具有內(nèi)置移動功能的模板，或者使用jQuery Mobile之類的工具單獨(dú)構(gòu)建了移動網(wǎng)站，那么這可能不是問題。但是，在某些情況下，需要此小技巧將派上用場。
本文 提供了出色的教程，可根據(jù)您的瀏覽器寬度切換樣式表。
