首頁  >  文章  >  web前端  >  jsp如何引入css

jsp如何引入css

藏色散人
藏色散人原創
2021-06-01 10:10:165649瀏覽

jsp引入css的方法:1、透過「外部樣式」引入css;2、透過「內部樣式」引入css;3、透過「內聯樣式」引入css。

jsp如何引入css

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

jsp如何引入css?

1、 外部樣式

當樣式需要套用到許多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以透過改變一個檔案來改變整個網站的外觀。每個頁面使用2cdf5bf648cf2f33323966d7f58a7f3f標籤連結到樣式表。 2cdf5bf648cf2f33323966d7f58a7f3f標籤在(文檔的)頭部:

<head>
<link rel="stylesheet" type="text/css" href="path/myCss.css"/>
</head>

2、內部樣式

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

<head>
<style type="text/css">
样式
</style>
</head>

3、內聯樣式

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

<div style="width:100px"></div>

內聯樣式的優先權最高,其次是內部樣式,而外部樣式的優先權是最低的。

推薦學習:《css影片教學

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

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