在jsp中打css程式碼的方法:1、使用c9ccee2e6ea535a969eb3f532ad9fe89標籤在文檔頭部定義內部樣式表,寫入css程式碼;2、在相關的標籤內使用樣式style屬性寫入css程式碼。
本教學操作環境:windows7系統、css3版本、Dell G3電腦。
在jsp中寫入css程式碼有兩種方式:
內部樣式:使用c9ccee2e6ea535a969eb3f532ad9fe89標籤在文件頭部定義內部樣式表,寫入css程式碼
內嵌樣式:在相關的標籤內使用樣式(style)屬性寫入css程式碼。
1、內部樣式
當單一文件需要特殊的樣式時,就應該使用內部樣式表。可以使用c9ccee2e6ea535a969eb3f532ad9fe89標籤在文檔頭部定義內部樣式表。
<style type="text/css"> .loginBtn{ display:block; cursor: pointer; height: 32px; margin-bottom: 1px; width: 100px; } </style>
推薦:《css影片教學》
2、內嵌樣式
#由於要將表現和內容混雜在一起,內嵌樣式會損失掉樣式表的許多優點。請慎用這種方法,例如當樣式只需要在一個元素上套用一次時。要使用內聯樣式,你需要在相關的標籤內使用樣式(style)屬性。 Style屬性可以包含任何CSS屬性。
<input type="text" name="authCode" style="vertical-align: middle" />
其實在jsp中加入css樣式還有一種方法(建議),那就是外部樣式
外部樣式:
當樣式需要套用到很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以透過改變一個檔案來改變整個網站的外觀。每個頁面使用2cdf5bf648cf2f33323966d7f58a7f3f標籤連結到樣式表。
<link rel="stylesheet" type="text/css" href="<%=uiPath%>hwtt_ui/skins/<%=skinName%>/css/login.css" />
JSP頁面插入CSS樣式的三種方法,其優先權不同。具體如下:外部樣式,內部樣式,內聯樣式。優先依序增高!
以上是怎麼在jsp中打css代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!