成都學(xué)網(wǎng)頁設(shè)計(jì)

2022-07-05    分類: 網(wǎng)站建設(shè)

成都學(xué)網(wǎng)頁設(shè)計(jì) 創(chuàng)新互聯(lián)  13518219792

定制組件是很常見的。內(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)您隱藏不重要的信息時(shí)才應(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時(shí)才應(yīng)使用!important。通常,您可以輕松找到原始CSS屬性并進(jìn)行修改。


3.使用CSS生成器
 通過在線使用CSS生成器來創(chuàng)建諸如圓形邊框,按鈕,漸變,陰影等效果,可以節(jié)省大量時(shí)間。我通常根據(jù)需要使用不同的生成器,因此我建議嘗試不同的選項(xiàng),而不要總是使用相同的選項(xiàng),因?yàn)樗鼈兺ǔ>哂胁煌呐渲谩?/div>
那么如何找到它們呢?只需使用您喜歡的搜索引擎,然后輸入“ CSS generators”!


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

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

網(wǎng)站題目:成都學(xué)網(wǎng)頁設(shè)計(jì)
新聞來源:http://muchs.cn/news/174666.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、營銷型網(wǎng)站建設(shè)定制網(wǎng)站、自適應(yīng)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)

廣告

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