關於jsp中調用css的問題,在jsp中使用

本文目錄一覽：

• 1、如何在JSP網頁中引用CSS樣式??
• 2、jsp引用css沒效果，是路徑的問題嗎？
• 3、css在jsp中不起作用怎麼回事
• 4、jsp引用js和css文件,為什麼總是引用失敗
• 5、jsp引用css樣式的問題

如何在JSP網頁中引用CSS樣式??

JSP最終到用戶時還是html文件，所以引用CSS樣式和html文件是一樣的，都是三種方式：內聯CSS、內部CSS和外部CSS。

1)內聯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，需要單獨創建CSS文件，然後用link標籤引入：

html

    head

        link rel=”stylesheet” href=”style.css”

    /style

…

注意內部CSS和外部CSS兩種引用方式都要放到head/head中。

最後一種方式，在JSP里寫的話，你只需要注意生成的html里CSS文件路徑是正確的即可，在瀏覽器里右鍵可以查看html源代碼。

jsp引用css沒效果，是路徑的問題嗎？

jsp引用css沒效果原因總結如下：

1、先看是否正確引入了css文件，可以在css文件的頂部加一句 *{border:1px solid red;} ，這樣，如果正確載入了，頁面效果會出現很多紅框；

2、看對應的類名、ID是否寫對了；

比如有jsp頁面引入了Mycss.css樣式，具體代碼如下:

span style=”font-size:18px;”link href=”Mycss.css” rel=”stylesheet” type=”text/css” //span

這裡的css不會生效，因為沒有找到該路徑，改成了絕對路徑，這裡用到了jsp頁面生成的對象basePath，定義如下：

%

String path = request.getContextPath();

String basePath = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+path+”/”;

%

這樣就會得到css了。

css在jsp中不起作用怎麼回事

css在jsp不起作用可能的原因如下：

css引用的文件路徑寫錯。有時候需要填寫絕對路徑。

jsp代碼存在錯誤。例如id號沒有對應上、js代碼書寫不規範。

java代碼存在錯誤，一般是調用函數存在問題，檢查函數名是否寫對。

jsp引用js和css文件,為什麼總是引用失敗

jsp引用js和css文件,引用失敗的原因大部分是由於路徑問題導致，一般有相對路徑和絕對路徑兩種引用方式：

1、相對路徑引用js和css的方法：

css：

link href=”css/front/ibd.css” rel=”stylesheet” type=”text/css” /

js:

script type=”text/javascript” src=”js/front/poplayer.js”/script

前提是js和css跟jsp在同一個目錄下

2、絕對應用js和css的方法：

css：

link href=”http://域名:埠/工程名css/front/ibd.css” rel=”stylesheet” type=”text/css” /

js:

script type=”text/javascript” src=”http://域名:埠/工程名/js/front/poplayer.js”/script

檢查以上兩種方法是否引用正確。

jsp引用css樣式的問題

你可以寫一個頭，在頭裡面載入這些你需要的，然後分別在A,B裡面添加這個頭就好了