一:如何在jsp頁(yè)面中引入css樣式表文件? 1, 首先把寫(xiě)好的css樣式表內(nèi)容存為*.css格式。如style.css2, 在頁(yè)面中引入這個(gè)css 樣式文件。用如下的方式引入。link rel="stylesheet" href="./css/style.css" type="text/css"此處的href=”./css/style.css”指的是css文件存放的路徑?!?’請(qǐng)示當(dāng)前目錄(就是與引入 css文件的jsp頁(yè)面在同一目錄)
成都創(chuàng)新互聯(lián)公司始終堅(jiān)持【策劃先行,效果至上】的經(jīng)營(yíng)理念,通過(guò)多達(dá)十余年累計(jì)超上千家客戶的網(wǎng)站建設(shè)總結(jié)了一套系統(tǒng)有效的全網(wǎng)營(yíng)銷解決方案,現(xiàn)已廣泛運(yùn)用于各行各業(yè)的客戶,其中包括:成都茶藝設(shè)計(jì)等企業(yè),備受客戶好評(píng)。
樓上說(shuō)的是正確的,即使你打開(kāi)dw,你導(dǎo)入外部css樣式文件,也只是給你加一句link href=''這樣的話,你在寫(xiě)jsp的時(shí)候在你的項(xiàng)目webroot下面可以新建一個(gè)文件夾,然后在該文件夾下面建一個(gè)css樣式文件,要注意有時(shí)候你在引用了樣式后可能在你的頁(yè)面中看不到效果,你可以將link href="絕對(duì)路徑" 絕對(duì)路徑:/項(xiàng)目名/文件夾名/文件名
JSP最終到用戶時(shí)還是html文件,所以引用CSS樣式和html文件是一樣的,都是三種方式:內(nèi)聯(lián)CSS、內(nèi)部CSS和外部CSS。
1)內(nèi)聯(lián)CSS,就是直接在元素上寫(xiě)CSS屬性,例如:
p?style="font-size:?10px;?color:?red;"
2)內(nèi)部CSS,就是在同一文件中在style/style中寫(xiě)CSS,例如:
html
head
style
p{
font-size:?10px;
color:?red;
}
/style
/style
3)外部CSS,需要單獨(dú)創(chuàng)建CSS文件,然后用link標(biāo)簽引入:
html
head
link?rel="stylesheet"?href="style.css"
/style
...
注意內(nèi)部CSS和外部CSS兩種引用方式都要放到head/head中。
最后一種方式,在JSP里寫(xiě)的話,你只需要注意生成的html里CSS文件路徑是正確的即可,在瀏覽器里右鍵可以查看html源代碼。
JSP全名為Java Server Pages,其根本是一個(gè)簡(jiǎn)化的Servlet設(shè)計(jì),它是由Sun Microsystems公司倡導(dǎo)、許多公司參與一起建立的一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)。它是在傳統(tǒng)的網(wǎng)頁(yè)HTML文件中插入Java程序段和JSP標(biāo)記,從而形成JSP文件。
有三種方法可以在JSP頁(yè)面上使用樣式表:
外聯(lián)式Linking(也叫外部樣式):將網(wǎng)頁(yè)鏈接到外部樣式表。
嵌入式Embedding(也叫內(nèi)頁(yè)樣式):在網(wǎng)頁(yè)上創(chuàng)建嵌入的樣式表。
內(nèi)聯(lián)式Inline(也叫行內(nèi)樣式):應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁(yè)元素。
推薦你用外聯(lián)方式:
link href="css.css" rel="stylesheet" type="text/css"/
這樣就可以。修改也方便!
在jsp中加入css樣式,就跟html加入的方式一樣,具體有以下三種方式:
1、 外部樣式
當(dāng)樣式需要應(yīng)用于很多頁(yè)面時(shí),外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過(guò)改變一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀。每個(gè)頁(yè)面使用link標(biāo)簽鏈接到樣式表。link標(biāo)簽在(文檔的)頭部:
head
link rel="stylesheet" type="text/css" href="path/myCss.css"/
/head
2、內(nèi)部樣式
當(dāng)單個(gè)文檔需要特殊的樣式時(shí),就應(yīng)該使用內(nèi)部樣式表??梢允褂胹tyle標(biāo)簽在文檔頭部定義內(nèi)部樣式表。
head
style type="text/css"
樣式
/style
/head
3、內(nèi)聯(lián)樣式
當(dāng)樣式僅需要在一個(gè)元素上應(yīng)用一次時(shí), 要使用內(nèi)聯(lián)樣式,你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式(style)屬性。Style屬性可以包含任何CSS屬性。由于要將表現(xiàn)和內(nèi)容混雜在一起,內(nèi)聯(lián)樣式會(huì)損失掉樣式表的許多優(yōu)勢(shì)。請(qǐng)慎用這種方法
div style="width:100px"/div
內(nèi)聯(lián)樣式的優(yōu)先級(jí)最高,其次是內(nèi)部樣式,外部樣式的優(yōu)先級(jí)是最低的。
1、打開(kāi)WebContent文件。
2、導(dǎo)入自己的css文件。
3、創(chuàng)建自己的jsp文件。
4、添加引用css文件的代碼。
5、link href="%=request.getContextPath()%/css/css.css" rel="stylesheet"(可復(fù)制使用,復(fù)制以后路徑要進(jìn)行修改) ,標(biāo)紅的地方是css文件路徑,填對(duì)自己的路徑。
6、還可以導(dǎo)入自己喜歡的圖片到img文件。
7、打開(kāi)css.css文件,編輯將圖片名稱,輸入至該位置。