首頁 >web前端 >前端問答 >怎麼在jsp中打css代碼

怎麼在jsp中打css代碼

藏色散人
藏色散人原創
2021-02-01 09:56:492147瀏覽

在jsp中打css程式碼的方法:1、使用c9ccee2e6ea535a969eb3f532ad9fe89標籤在文檔頭部定義內部樣式表,寫入css程式碼;2、在相關的標籤內使用樣式style屬性寫入css程式碼。

怎麼在jsp中打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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn