jsp引入css標籤（jsp引入標籤庫）

本文目錄一覽：

• 1、在jsp中怎樣加入css樣式
• 2、如何在JSP網頁中引用CSS樣式??
• 3、如何在jsp頁面添加css樣式

在jsp中怎樣加入css樣式

在jsp中加入css樣式，就跟html加入的方式一樣，具體有以下三種方式：

1、 外部樣式

當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用link標籤鏈接到樣式表。link標籤在（文檔的）頭部：

head

link rel=”stylesheet” type=”text/css” href=”path/myCss.css”/

/head

2、內部樣式

當單個文檔需要特殊的樣式時，就應該使用內部樣式表。可以使用style標籤在文檔頭部定義內部樣式表。

head

style type=”text/css”

樣式

/style

/head

3、內聯樣式

當樣式僅需要在一個元素上應用一次時, 要使用內聯樣式，你需要在相關的標籤內使用樣式（style）屬性。Style屬性可以包含任何CSS屬性。由於要將表現和內容混雜在一起，內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法

div style=”width:100px”/div

內聯樣式的優先級最高，其次是內部樣式，外部樣式的優先級是最低的。

如何在JSP網頁中引用CSS樣式??

JSP最終到用戶時還是html文件，所以引用CSS樣式和html文件是一樣的，都是三種方式：內聯CSS、內部CSS和外部CSS。

1)內聯CSS，就是直接在元素上寫CSS屬性，例如：

p style=”font-size: 10px; color: red;”

2）內部CSS，就是在同一文件中在style/style中寫CSS，例如：

html

    head

        style

            p{

             font-size: 10px;

             color: red;

            }

        /style

    /style

3）外部CSS，需要單獨創建CSS文件，然後用link標籤引入：

html

    head

        link rel=”stylesheet” href=”style.css”

    /style

…

注意內部CSS和外部CSS兩種引用方式都要放到head/head中。

最後一種方式，在JSP里寫的話，你只需要注意生成的html里CSS文件路徑是正確的即可，在瀏覽器里右鍵可以查看html源代碼。

如何在jsp頁面添加css樣式

在jsp頁面添加css樣式的方法：

和html加入的方式一樣，在head標籤之內，title標籤之外寫style/style開閉標籤，具體樣式內容寫到開閉標籤之內。示例如下：

head

title/title

style.input{  color:#f00;}/style

/head

其中，style.span{  color : red;}/style表示將span標籤的內容置為紅色。

擴展資料

上述加css樣式的方法是內部樣式，除了內部樣式還有外部樣式和內聯樣式。內聯樣式的優先級最高，其次是內部樣式，外部樣式的優先級是最低的。

1、 外部樣式

當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，可以通過改變一個文件來改變整個站點的外觀。每個頁面使用link標籤鏈接到樣式表。link標籤在（文檔的）頭部，例如：

head

link rel=”stylesheet”  type=”text/css”  href=”path/linkcss.css”/

/head    

2、內聯樣式

當樣式僅需要在一個元素上應用一次時, 要使用內聯樣式，需要在相關的標籤內使用樣式（style）屬性。Style屬性可以包含任何CSS屬性。由於要將表現和內容混雜在一起，內聯樣式會損失掉樣式表的許多優勢。例如：

span style=”hight:1000px”/span