jsp頁面插入CSS外部樣式的方法?

Tags: 頁面, 樣式, 內聯,

對於JSP頁面插入css的方法有三種,一種是插入外部樣式,一種是插入內部樣式,還有一種是插入內聯樣式,下邊主要講插入外部樣式的方法。

工具/原料

筆記本

eclipse

方法/步驟

一般應用外部樣式有利於系統的維護,在多個頁面樣式相似時在JSP頁面插入外部樣式無疑是最方便快捷的方式。

插入外部樣式的方式其實很簡單,在JSP頁面的head裡寫 一句話就可以了。其中href="要使用的.css檔案的路徑"

比如在.css裡寫了如圖一段話

jsp頁面插入CSS外部樣式的方法

在.JSP的body裡引用的方法如下

jsp頁面插入CSS外部樣式的方法

方法/步驟2

好多人可能會出現和我一樣的問題就是應用了之後在伺服器上執行並沒有顯示,百度一下的答案大概就會告訴你是路徑不對,可是小編改了一天的路徑都沒改對,最後才發現了問題的根本原因。(當然發現問題後的第一步先要看自己寫的路徑是否正確)

當初小編寫的時候是在專案上直接新建了一個資料夾,然後在它下邊又建了一個images資料夾用來存放圖片,一個css資料夾用來寫css樣式,在css資料夾下又建了一個login.css,這樣做是不對的,因為有些資料夾是不可以外部訪問的,所以無論你的路徑怎麼改都不能應用到JSP上。

改進的方法就是在你的.JSP所在的資料夾下建.css檔案,或新建css資料夾,以下是小編的路徑。

jsp頁面插入CSS外部樣式的方法

如果初學的小朋友有不會的可以問噠。

注意事項

學習需細心

頁面, 樣式, 內聯,
相關問題答案