jsp怎麼引入css

jsp引入css的方法：1、在link標籤中使用href屬性引入css檔案路徑；2、使用內部樣式表引入css；3、內聯樣式引入css。

本文操作環境：windows7系統、CSS3版、Dell G3電腦。

JSP頁面引入CSS樣式有三種方法，且其優先權不同。具體如下：外部樣式，內部樣式，內聯樣式。優先依序增高！

• jsp可以在link標籤中使用href屬性引入css檔案路徑。

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

在頁面中引入這個css 樣式檔。用如下的方式引入。

<link rel="stylesheet" href="./css/style.css" type="text/css">

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

rel 屬性規定當前文檔與被鏈接文檔之間的關係，在該例子中rel屬性指示被鏈接的文檔是一個樣式表。

在jsp中另外兩種使用css的方法：

• #內部樣式

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

以類別選擇器進行樣式的新增。

<style type="text/css">
        .loginBtn{
            display:block;
            cursor: pointer;
            height: 32px;
            margin-bottom: 1px;
            width: 100px;
        }
    </style>

• 內聯樣式

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

<input type="text" name="authCode" style="vertical-align: middle" />

更多詳細的HTML/CSS知識，請造訪

CSS影片教學欄位！

以上是jsp怎麼引入css的詳細內容。更多資訊請關注PHP中文網其他相關文章！