溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下jsp引用css的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
JSP頁面引入CSS樣式有三種方法，且其優先級不同。具體如下：外部樣式，內部樣式，內聯樣式。優先級依次增高！
軟件工程中做Web前端開發寫jsp頁面時覺得頁面非常丑，經同學介紹插入了css來改善頁面美觀度的問題。
如何在jsp頁面中引入css樣式表文件?
首先把寫好的css樣式表內容存為*.css格式。如style.css
在頁面中引入這個css 樣式文件。用如下的方式引入。
<link rel="stylesheet" href="./css/style.css" type="text/css">
此處的href=”./css/style.css”指的是css文件存放的路徑。‘.’請示當前目錄（就是與引入 css文件的jsp頁面在同一目錄）
rel 屬性規定當前文檔與被鏈接文檔之間的關系，在該例子中rel 屬性指示被鏈接的文檔是一個樣式表。
順便將在JSP頁面中如何寫css樣式，也說一下吧。
內部樣式
當單個文檔需要特殊的樣式時，就應該使用內部樣式表。可以使用<style>標簽在文檔頭部定義內部樣式表。
以類選擇器進行樣式的添加。
<style type="text/css">
.loginBtn{
display:block;
cursor: pointer;
height: 32px;
margin-bottom: 1px;
width: 100px;
}
</style>內聯樣式
由于要將表現和內容混雜在一起，內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法，例如當樣式僅需要在一個元素上應用一次時。要使用內聯樣式，你需要在相關的標簽內使用樣式（style）屬性。Style屬性可以包含任何CSS屬性。
<input type="text" name="authCode" style="vertical-align: middle" />
以上是jsp引用css的方法的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
