成都學網頁設計

2022-07-05 分類：網站建設

成都學網頁設計創新互聯 13518219792

定制組件是很常見的。內容管理系統中的模塊或插件（或您選擇調用的CMS）將需要進行一些其他CSS編輯，以使其按預期的方式顯示或運行。內容管理系統比使用HTML和CSS構建的傳統網站具有更多的工作部件，并且可能需要一些其他技巧才能完成工作。下面顯示的方法應對此有所幫助。

1.使用顯示：無隱藏元素

我經常使用CMS插件/擴展/模塊，這些插件提供的功能比我的項目所需的功能更多，而且并不總是有打開/關閉開關來管理某些功能。

示例：假設我們在CMS中使用日歷應用程序。在此示例中，我正在為Joomla使用JEvents擴展。日歷在日歷頂部顯示當前的月，日和年，但是我希望組件不顯示該信息。

日歷擴展

使用Firebug，我將鼠標懸停在元素上以找到ID為“ cal_title”

標題

然后，將下面的代碼插入到我的css文件中-在這種情況下，我使用的是模板框架Gantry，該模板框架具有名為template.css的模板替代文件。

displaynone

元素現在被隱藏：

titleremoved

請記住，僅當您隱藏不重要的信息時才應使用此選項。如果您隱藏了不希望向公眾發布的信息，那么我建議您進入擴展，應用程序或模塊的實際文件，并刪除一些代碼行。

2.使用！IMPORTANT設置CSS屬性的優先級

您安裝到CMS中的第三方應用程序始終具有其自己的CSS文件或內聯CSS代碼。曾經嘗試將CS??S應用于不同的HTML元素，但沒有效果嗎？這可能是因為該元素已經應用了CSS屬性，而您的新元素剛剛被覆蓋。幸運的是，有一種解決方法-使用！important屬性將使您的新規則覆蓋現有規則。這僅適用于您創建的屬性。例如，如果您僅應用新的border屬性，則它將僅覆蓋邊框，而不會覆蓋其他屬性，例如字體，background-color等。

從前面的示例繼續，這是將！important屬性應用于CSS的方法：

displaynonecode

僅當您用盡了所有其他方法來應用CSS時才應使用！important。通常，您可以輕松找到原始CSS屬性并進行修改。

3.使用CSS生成器

通過在線使用CSS生成器來創建諸如圓形邊框，按鈕，漸變，陰影等效果，可以節省大量時間。我通常根據需要使用不同的生成器，因此我建議嘗試不同的選項，而不要總是使用相同的選項，因為它們通常具有不同的配置。

那么如何找到它們呢？只需使用您喜歡的搜索引擎，然后輸入“ CSS generators”！

4.切換網站的移動版本的樣式表

我遇到過幾種情況，在這些情況下，我只想修改移動版本的CSS，而無需更改完整的桌面版本。如果您使用的是具有內置移動功能的模板，或者使用jQuery Mobile之類的工具單獨構建了移動網站，那么這可能不是問題。但是，在某些情況下，需要此小技巧將派上用場。

本文提供了出色的教程，可根據您的瀏覽器寬度切換樣式表。

成都學網頁設計

網站題目：成都學網頁設計
新聞來源：http://m.kartarina.com/news/174666.html

成都網站建設公司_創新互聯，為您提供移動網站建設、全網營銷推廣、營銷型網站建設、定制網站、自適應網站、手機網站建設

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容