溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jsp頁面加入css樣式的方法

發(fā)布時間:2020-12-23 14:12:18 來源:億速云 閱讀:470 作者:小新 欄目:web開發(fā)

這篇文章主要介紹jsp頁面加入css樣式的方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

jsp頁面加入css樣式的方法:1、在jsp頁面中使用“<link>”標簽鏈接css樣式表;2、在jsp頁面中使用“<style>”標簽在文檔頭部定義內部樣式表;3、在jsp頁面的標簽元素中使用style屬性包含任何css樣式。

JSP頁面插入CSS樣式有三種方法,且其優(yōu)先級不同。具體如下:外部樣式,內部樣式,內聯(lián)樣式。優(yōu)先級依次增高!


【1】外部樣式
當樣式需要應用于很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用<link>標簽鏈接到樣式表。

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

rel屬性規(guī)定當前文檔與被鏈接文檔之間的關系,在該例子中rel 屬性指示被鏈接的文檔是一個樣式表。


【2】內部樣式
當單個文檔需要特殊的樣式時,就應該使用內部樣式表。可以使用<style>標簽在文檔頭部定義內部樣式表。

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

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

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

以上是“jsp頁面加入css樣式的方法”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI