jsp中CSS如何設(shè)置字體大小、斜體及顏色

需要準(zhǔn)備的材料分別有：電腦、瀏覽器、html編輯器。

創(chuàng)新互聯(lián)公司是一家專業(yè)提供南海企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都做網(wǎng)站、H5建站、小程序制作等業(yè)務(wù)。10年已為南海眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。

1、首先，打開(kāi)html編輯器，新建html文件，例如：index.html。

2、在index.html中的style標(biāo)簽中，輸入css代碼：body {font-size: 42px;font-style: italic;color: blue;}。

3、瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)成功設(shè)置了字體大小為42px的藍(lán)色斜體文字。

JS修改CSS設(shè)置的樣式

語(yǔ)法：元素.style.樣式名=樣式值

注意：如果CSS的樣式名中含有-，這種名稱在JS中是不合法的，比如 background-color 。需要將這種樣式名修改為駝峰命名法：去掉-，然后將-后的第一個(gè)字母大寫(xiě)，比如 backgroundColor

我們通過(guò)style屬性設(shè)置的樣式都是內(nèi)聯(lián)樣式，而內(nèi)聯(lián)樣式有較高的優(yōu)先級(jí)，所以通過(guò)JS修改的樣式往往會(huì)立即顯示

但是如果在樣式中寫(xiě)了!important，則此時(shí)樣式會(huì)有最高的優(yōu)先級(jí)，即使通過(guò)JS也不能覆蓋該樣式，此時(shí)將會(huì)導(dǎo)致JS修改樣式失效

所以盡量不要為樣式添加!important

語(yǔ)法：元素.style.樣式名

通過(guò)style屬性設(shè)置和讀取的都是內(nèi)聯(lián)樣式，無(wú)法讀取樣式表中的樣式

語(yǔ)法:元素.currentStyle.樣式名

如果當(dāng)前元素沒(méi)有設(shè)置該樣式，則獲取它的默認(rèn)值

例如： box1.currentStyle.width

這個(gè)方法是window的方法，可以直接使用需要兩個(gè)參數(shù)

第一個(gè):要獲取樣式的元素

第二個(gè):可以傳遞一個(gè)偽元素，一般都傳null

該方法會(huì)返回一個(gè)對(duì)象，對(duì)象中封裝了當(dāng)前元素對(duì)應(yīng)的樣式

可以通過(guò)對(duì)象﹒樣式名來(lái)讀取樣式

如果獲取的 樣式?jīng)]有設(shè)置 ，則會(huì)獲取到真實(shí)的值，而不是默認(rèn)值

比如:沒(méi)有設(shè)置width，它不會(huì)獲取到auto，而是 一個(gè)長(zhǎng)度

注意：通過(guò)currentStyle和getComputedstyle()讀取到的樣式都是只讀的，不能修改,如果要修改必須通過(guò)style屬性

參數(shù)：

obj 要獲取樣式的元素

name 要獲取的樣式名

在jsp中怎樣加入css樣式

在jsp中加入css樣式，就跟html加入的方式一樣，具體有以下三種方式：

1、 外部樣式

當(dāng)樣式需要應(yīng)用于很多頁(yè)面時(shí)，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過(guò)改變一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀。每個(gè)頁(yè)面使用link標(biāo)簽鏈接到樣式表。link標(biāo)簽在（文檔的）頭部：

head

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

/head

2、內(nèi)部樣式

當(dāng)單個(gè)文檔需要特殊的樣式時(shí)，就應(yīng)該使用內(nèi)部樣式表?？梢允褂胹tyle標(biāo)簽在文檔頭部定義內(nèi)部樣式表。

head

style type="text/css"

樣式

/style

/head

3、內(nèi)聯(lián)樣式

當(dāng)樣式僅需要在一個(gè)元素上應(yīng)用一次時(shí), 要使用內(nèi)聯(lián)樣式，你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式（style）屬性。Style屬性可以包含任何CSS屬性。由于要將表現(xiàn)和內(nèi)容混雜在一起，內(nèi)聯(lián)樣式會(huì)損失掉樣式表的許多優(yōu)勢(shì)。請(qǐng)慎用這種方法

div style="width:100px"/div

內(nèi)聯(lián)樣式的優(yōu)先級(jí)最高，其次是內(nèi)部樣式，外部樣式的優(yōu)先級(jí)是最低的。