在jsp中寫入css代碼的方式有哪些

這篇文章主要介紹了在jsp中寫入css代碼的方式有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在jsp中打css代碼的方法：1、使用<style>標(biāo)簽在文檔頭部定義內(nèi)部樣式表，寫入css代碼；2、在相關(guān)的標(biāo)簽內(nèi)使用樣式style屬性寫入css代碼。

在jsp中寫入css代碼有兩種方式：

內(nèi)部樣式 ：使用<style>標(biāo)簽在文檔頭部定義內(nèi)部樣式表，寫入css代碼

內(nèi)聯(lián)樣式 ：在相關(guān)的標(biāo)簽內(nèi)使用樣式（style）屬性寫入css代碼。

1、內(nèi)部樣式

當(dāng)單個文檔需要特殊的樣式時，就應(yīng)該使用內(nèi)部樣式表?？梢允褂?lt;style>標(biāo)簽在文檔頭部定義內(nèi)部樣式表。

<style type="text/css">
        .loginBtn{
            display:block;
            cursor: pointer;
            height: 32px;
            margin-bottom: 1px;
            width: 100px;
        }
</style>

推薦：《css視頻教程》

2、內(nèi)聯(lián)樣式

由于要將表現(xiàn)和內(nèi)容混雜在一起，內(nèi)聯(lián)樣式會損失掉樣式表的許多優(yōu)勢。請慎用這種方法，例如當(dāng)樣式僅需要在一個元素上應(yīng)用一次時。要使用內(nèi)聯(lián)樣式，你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式（style）屬性。Style屬性可以包含任何CSS屬性。

<input type="text" name="authCode" style="vertical-align: middle" />

其實(shí)在jsp中添加css樣式還有一種方法（推薦），那就是外部樣式

外部樣式 ：

當(dāng)樣式需要應(yīng)用于很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變一個文件來改變整個站點(diǎn)的外觀。每個頁面使用<link>標(biāo)簽鏈接到樣式表。

<link rel="stylesheet" type="text/css" href="<%=uiPath%>hwtt_ui/skins/<%=skinName%>/css/login.css" />

JSP頁面插入CSS樣式的三種方法，其優(yōu)先級不同。具體如下：外部樣式，內(nèi)部樣式，內(nèi)聯(lián)樣式。優(yōu)先級依次增高！

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“在jsp中寫入css代碼的方式有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!