如何在jsp中引入css

本篇文章為大家展示了如何在jsp中引入css，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

什么是css

css是一種用來表現HTML或XML等文件樣式的計算機語言，主要是用來設計網頁的樣式，使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中，而樣式規則的優先級由css根據這個層次結構決定，從而實現級聯效果，發展至今，css不僅能裝飾網頁，也可以配合各種腳本對于網頁進行格式化。

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的方法：

• 內部樣式

當單個文檔需要特殊的樣式時，就應該使用內部樣式表?？梢允褂?lt;style>標簽在文檔頭部定義內部樣式表。

以類選擇器進行樣式的添加。

<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" />

上述內容就是如何在jsp中引入css，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。