成都學網(wǎng)頁設計

2022-07-05    分類： 網(wǎng)站建設

成都學網(wǎng)頁設計 創(chuàng)新互聯(lián)  13518219792

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


1.使用顯示：無隱藏元素
我經(jīng)常使用CMS插件/擴展/模塊，這些插件提供的功能比我的項目所需的功能更多，而且并不總是有打開/關閉開關來管理某些功能。

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

日歷擴展

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

標題

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

displaynone

元素現(xiàn)在被隱藏：

 titleremoved

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


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

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

displaynonecode

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


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

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


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

本文  提供了出色的教程，可根據(jù)您的瀏覽器寬度切換樣式表。
成都學網(wǎng)頁設計

網(wǎng)站題目：成都學網(wǎng)頁設計
網(wǎng)址分享：http://www.muchs.cn/news16/174666.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、靜態(tài)網(wǎng)站、小程序開發(fā)、品牌網(wǎng)站制作、用戶體驗、網(wǎng)頁設計公司

廣告

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

成都網(wǎng)站建設公司