您好,登錄后才能下訂單哦!
這篇文章主要介紹jsp頁面加入css樣式的方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
jsp頁面加入css樣式的方法:1、在jsp頁面中使用“<link>”標簽鏈接css樣式表;2、在jsp頁面中使用“<style>”標簽在文檔頭部定義內部樣式表;3、在jsp頁面的標簽元素中使用style屬性包含任何css樣式。
JSP頁面插入CSS樣式有三種方法,且其優先級不同。具體如下:外部樣式,內部樣式,內聯樣式。優先級依次增高!
【1】外部樣式
當樣式需要應用于很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用<link>
標簽鏈接到樣式表。
<link rel="stylesheet" type="text/css" href="<%=uiPath%>hwtt_ui/skins/<%=skinName%>/css/login.css" />
rel屬性規定當前文檔與被鏈接文檔之間的關系,在該例子中rel 屬性指示被鏈接的文檔是一個樣式表。
【2】內部樣式
當單個文檔需要特殊的樣式時,就應該使用內部樣式表。可以使用<style>
標簽在文檔頭部定義內部樣式表。
<style type="text/css"> .loginBtn{ display:block; cursor: pointer; height: 32px; margin-bottom: 1px; width: 100px; } </style>
【3】內聯樣式
由于要將表現和內容混雜在一起,內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法,例如當樣式僅需要在一個元素上應用一次時。要使用內聯樣式,你需要在相關的標簽內使用樣式(style)屬性。Style屬性可以包含任何CSS屬性。
<input type="text" name="authCode" style="vertical-align: middle" />
以上是“jsp頁面加入css樣式的方法”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。