包含jsp忽略應用css的詞條

本文目錄一覽：

• 1、jsp中使用外部CSS不起作用
• 2、jsp引用js和css文件,為什麼總是引用失敗
• 3、jsp中引用css樣式不能用
• 4、為什麼eclipse中的jsp頁面應用css不管用呢？
• 5、如何在JSP網頁中引用CSS樣式??
• 6、jsp引用css沒效果，是路徑的問題嗎？

jsp中使用外部CSS不起作用

原因可能是沒有把外部CSS引進來，加入下列代碼來解決：

link href=”/HR/css/top4.css” rel=”stylesheet” type=”text/css”/使用link的方式將類樣式引入進來，將這段代碼最好放在head/head標籤內部，主要是為了在頁面第一次進行加載的時候就將類樣式引入進來。

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樣式不能用

在頁面中引入css 樣式文件。用如下的方式引入。

link rel=”stylesheet” href=”./css/style.css” type=”text/css”

此處的href=”./css/style.css”指的是css文件存放的路徑。‘.’表示當前目錄（就是與引入 css文件的jsp頁面在同一目錄）

為什麼eclipse中的jsp頁面應用css不管用呢？

可能是css沒有引入到該JSP頁面中

在eclipse的jsp頁面里正常把css導入進來就可以，Myeclipse只是個開發工具，在Myeclipse里新建jsp頁面步驟：

點擊file — new – other

找到web project 點擊next

然後在彈出框中輸入project name 直接點擊finish即可

然後在新建的jsp頁面中的head中間加入代碼

link href=”css/main.css” rel=”stylesheet” type=”text/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了。