在jsp頁面添加css樣式的方法:
成都創(chuàng)新互聯(lián)公司是專業(yè)的渭南網(wǎng)站建設公司,渭南接單;提供成都網(wǎng)站建設、網(wǎng)站制作,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行渭南網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
和html加入的方式一樣,在head標簽之內,title標簽之外寫style/style開閉標簽,具體樣式內容寫到開閉標簽之內。示例如下:
head
title/title
style.input{? color:#f00;}/style
/head
其中,style.span{? color : red;}/style表示將span標簽的內容置為紅色。
擴展資料
上述加css樣式的方法是內部樣式,除了內部樣式還有外部樣式和內聯(lián)樣式。內聯(lián)樣式的優(yōu)先級最高,其次是內部樣式,外部樣式的優(yōu)先級是最低的。
1、 外部樣式
當樣式需要應用于很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,可以通過改變一個文件來改變整個站點的外觀。每個頁面使用link標簽鏈接到樣式表。link標簽在(文檔的)頭部,例如:
head
link rel="stylesheet"? type="text/css"? href="path/linkcss.css"/
/head? ??
2、內聯(lián)樣式
當樣式僅需要在一個元素上應用一次時, 要使用內聯(lián)樣式,需要在相關的標簽內使用樣式(style)屬性。Style屬性可以包含任何CSS屬性。由于要將表現(xiàn)和內容混雜在一起,內聯(lián)樣式會損失掉樣式表的許多優(yōu)勢。例如:
span style="hight:1000px"/span
JSP最終到用戶時還是html文件,所以引用CSS樣式和html文件是一樣的,都是三種方式:內聯(lián)CSS、內部CSS和外部CSS。
1)內聯(lián)CSS,就是直接在元素上寫CSS屬性,例如:
p?style="font-size:?10px;?color:?red;"
2)內部CSS,就是在同一文件中在style/style中寫CSS,例如:
html
head
style
p{
font-size:?10px;
color:?red;
}
/style
/style
3)外部CSS,需要單獨創(chuàng)建CSS文件,然后用link標簽引入:
html
head
link?rel="stylesheet"?href="style.css"
/style
...
注意內部CSS和外部CSS兩種引用方式都要放到head/head中。
最后一種方式,在JSP里寫的話,你只需要注意生成的html里CSS文件路徑是正確的即可,在瀏覽器里右鍵可以查看html源代碼。
1、打開WebContent文件。
2、導入自己的css文件。
3、創(chuàng)建自己的jsp文件。
4、添加引用css文件的代碼。
5、link href="%=request.getContextPath()%/css/css.css" rel="stylesheet"(可復制使用,復制以后路徑要進行修改) ,標紅的地方是css文件路徑,填對自己的路徑。
6、還可以導入自己喜歡的圖片到img文件。
7、打開css.css文件,編輯將圖片名稱,輸入至該位置。