phpstorm如何引用css

phpstorm如何引用css

css 文件的4種引入方式

(1)鏈接式:在網(wǎng)頁的

標(biāo)簽對中使用<link>標(biāo)記來引入外部樣式表文件,使用html規(guī)則引入外部css? (用得比較多) :

<link>

相關(guān)推薦:《PhpStorm使用教程

(2)導(dǎo)入式:將一個獨(dú)立的.css文件引入HTML文件中,導(dǎo)入式使用CSS規(guī)則引入外部CSS文件,

立即學(xué)習(xí)PHP免費(fèi)學(xué)習(xí)筆記(深入)”;

<style>     @import"mystyle.css"; 此處要注意.css文件的路徑 </style>

比較:link引用和import引用區(qū)別是:link是html加載前就引用,而import是html加載后才引用。舉例,采用impor引用,會先顯示無樣式的頁面,然后再把樣式放進(jìn)去。如果用JavaScript動態(tài)引用CSS,得使用link引用方式才可實(shí)現(xiàn)。

(3)內(nèi)聯(lián)css文件,直接在header里面寫css,如:

<style> div{margin: 0;padding: 0;border:1px red solid;} </style>

這種方法的使用情況要少的多,最長見得就是訪問量大的門戶網(wǎng)站。或者訪問量較大的企業(yè)網(wǎng)站的首頁。與第一種方法比起來,優(yōu)點(diǎn)突出,弊端也明顯。優(yōu)點(diǎn):速度快,所有的CSS控制都是針對本頁面標(biāo)簽的,沒有多余的CSS命令;再者不用外鏈CSS文件。直接在HTML文檔中讀取樣式。缺點(diǎn)就是改版麻煩些,單個頁面顯得臃腫,CSS不能被其他HTML引用造成代碼量相對較多,維護(hù)也麻煩些。但是采用這種方法的公司大多有錢,對他們來說用戶量是關(guān)鍵,他們不缺人進(jìn)行復(fù)雜的維護(hù)工作。

(4) 直接在標(biāo)簽里面寫樣式

<div>測試信息</div>

以上就是

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊6 分享