jquery插件開發(fā)中css應(yīng)該放在哪?
問題描述
jquery插件開發(fā)中,肯定要定一些css樣式,那么css樣式是另外寫一個樣式文件引進來,還是直接在jquery插件里用$().css()直接寫好?
問題解答
回答1:您好,我建議單獨定義外部樣式表,引入外部樣式表并操作class,但要注意類名的語義化和唯一性。這是為什么呢?
1.行內(nèi)樣式的缺點其實很明顯,CSS直接寫在HTML代碼的內(nèi)容中間,這樣并不能夠形成樣式和元素的分離,也無法進行批量操作,唯一的作用就是能夠修改豐富的樣式,但如果全部使用這種方式的話,會使HTML中有很多冗余的CSS代碼,并且讓你的代碼看起來非常的臃腫。所以這種方式,一般是不會出現(xiàn)在正常的項目使用上的。
2.使用外部樣式表,相對于內(nèi)部樣式的,有以下優(yōu)點:(1)、樣式代碼可以復(fù)用。一個外部CSS文件,可以被多個地方共用。(2)、便于修改。如果要修改樣式,只需要修改CSS文件,而不需要修改插件代碼。(3)、提高網(wǎng)頁顯示的速度。如果樣式寫在網(wǎng)頁里,會降低網(wǎng)頁顯示的速度,如果網(wǎng)頁引用一個CSS文件,這個CSS文件多半已經(jīng)在緩存區(qū)(其它網(wǎng)頁早已經(jīng)引用過它),網(wǎng)頁顯示的速度就比較快。希望對您有幫助!如有其他問題可以找我。
相關(guān)文章:
1. linux - 編譯時提示頭文件#include <mysql/mysql.h>不存在,百度之后也沒解決2. java - yuicompressor-maven-plugin 合并可用卻不壓縮, 哪配置不對?3. html5 - 使用echarts中的圖表 一個頁面導(dǎo)入了好幾個js圖表 實現(xiàn)echarts圖表隨著瀏覽器窗口變化而變化時出現(xiàn)了問題4. node.js - webpack --watch以后報錯env: node: No such file or directory5. css3 - 如何出現(xiàn)橫向捲軸?6. javascript - immutable配合react提升性能?7. java - Spring +Mybatis 事務(wù) 不能回滾8. html - 內(nèi)嵌app 的web 頁面如何應(yīng)用 app 內(nèi)置的靜態(tài)文件9. html頁面中怎么將兩個點之間的距離用直線連接起來?10. JAVA 版本問題?
