在JSP中修改CSS樣式有兩種方式,一種是直接在JSP頁(yè)面中嵌入CSS代碼,另一種是將CSS代碼放在一個(gè)外部文件中,然后在JSP頁(yè)面中引用該文件。接下來(lái)我們將分別介紹這兩種方式的具體實(shí)現(xiàn)。
首先是直接在JSP頁(yè)面中嵌入CSS代碼。為了讓網(wǎng)頁(yè)看起來(lái)更美觀,我們經(jīng)常需要修改文字、背景顏色、字體大小等樣式,這時(shí)候就需要用到CSS。在JSP頁(yè)面中嵌入CSS代碼非常簡(jiǎn)單,只需要在頁(yè)面的<head>標(biāo)簽中定義<style>標(biāo)簽,然后在其中編寫(xiě)CSS,具體代碼如下:
<html> <head> <title>JSP修改CSS</title> <style> h1 { color: blue; font-size: 28px; } p { color: gray; font-size: 16px; } </style> </head> <body> <h1>這是一級(jí)標(biāo)題</h1> <p>這是正文內(nèi)容</p> </body> </html>
以上代碼中,我們使用了<style>標(biāo)簽來(lái)定義CSS,在其中分別設(shè)置了h1和p標(biāo)簽的樣式,包括字體顏色和大小。在頁(yè)面中,我們直接使用h1和p標(biāo)簽,并分別賦上相應(yīng)的文本內(nèi)容。這樣就可以看到相應(yīng)的樣式已經(jīng)生效了。
其次是將CSS代碼放在一個(gè)外部文件中,然后在JSP頁(yè)面中引用該文件。這種方式更為常用,因?yàn)榭梢詫邮胶途W(wǎng)頁(yè)內(nèi)容分開(kāi)來(lái)維護(hù),方便管理和修改。我們只需要首先創(chuàng)建一個(gè)CSS文件,然后在JSP頁(yè)面中引用即可。代碼如下:
<html> <head> <title>JSP引用CSS</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>這是一級(jí)標(biāo)題</h1> <p>這是正文內(nèi)容</p> </body> </html>
以上代碼中,我們使用了<link>標(biāo)簽來(lái)引用一個(gè)名稱為style.css的外部CSS文件。在style.css文件中,我們可以像之前一樣定義樣式。這種方式可以讓我們更方便地管理和維護(hù)樣式。