jsp文件里如何寫樣式（jsp頁面格式）

本文目錄一覽：

• 1、在jsp中怎樣加入css樣式
• 2、如何在JSP網頁中引用CSS樣式??
• 3、如何在jsp頁面中引入css樣式表文件和javascript文件
• 4、如何在jsp文件中引入css和js文件
• 5、如何在jsp頁面添加css樣式
• 6、jsp里的樣式問題

在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樣式表文件和javascript文件

一：如何在jsp頁面中引入css樣式表文件? 1， 首先把寫好的css樣式表內容存為*.css格式。如style.css2， 在頁面中引入這個css 樣式文件。用如下的方式引入。link rel=”stylesheet” href=”./css/style.css” type=”text/css”此處的href=」./css/style.css」指的是css文件存放的路徑。『.』請示當前目錄（就是與引入 css文件的jsp頁面在同一目錄）

如何在jsp文件中引入css和js文件

在jsp文件中引入css和js文件方法如下：

一：

1， 首先把寫好的css樣式表內容存為*.css格式。如style.css

2， 在頁面中引入這個css 樣式文件。用如下的方式引入。

link rel=”stylesheet” href=”./css/style.css” type=”text/css”

此處的href=」./css/style.css」指的是css文件存放的路徑。『.』請示當前目錄（就是與引入 css文件的jsp頁面在同一目錄）

二：

在jsp頁面引入javascript文件與引入css樣式文件類似。如下引入；

script language=’javascript’ src=’js/TreeToc.js’/script

通過script標籤的src屬性。Javascript文件必須以.js這種形式存放。如上面的TreeToe.js，src屬性指向javascript文件的路徑。

如何在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

jsp里的樣式問題

style

table{border-collapse:collapse; font-size:14px;}

table td,th{ border:1px solid #98bf10;border-collapse:collapse; padding:5px 8px;}

table td{ text-align:center; padding:3px;}

table th{background-color:#A7C942;color:#FFF;font-size:15px;}

table .alt{ background-color:#EAF2D3;}

/style

table

  tr

    th序號/th

    th單位名稱/th

    th未遂事件/th

    th企業級事故/th

    th總部級事故/th

    th合計/th

    th百分比/th

  /tr

  tr

    td1/td

    td鄭州石油分公司/td

    td269/td

    td0/td

    td0/td

    td269/td

    td23.91%/td

  /tr

    tr class=”alt”

    td2/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

  /tr

    tr

    td3/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

  /tr

    tr class=”alt”

    td4/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

    tdnbsp;/td

  /tr

/table

所謂隔行換色，通用做法是奇數行和偶數行使用不同的class