常見的CSS屬性和值

1、CSS中修飾字體的屬性font: | | ? / ? font: italic bold 20px;CSS中常見的控制文本的屬性 CSS中常見的控制背景的屬性 background: | | | | 應(yīng)用多個(gè)圖標(biāo)放到同一個(gè)圖片里f多個(gè)圖標(biāo)放到同一個(gè)圖片里，通過定多個(gè)圖標(biāo)放到同一個(gè)圖片里，通過定義某區(qū)塊的背景定位，調(diào)用同一個(gè)圖義某區(qū)塊的背景定位，調(diào)用同一個(gè)圖片中不同位置上的小圖標(biāo)，好處是可片中不同位置上的小圖標(biāo)，好處是可以減少對(duì)服務(wù)器的請(qǐng)求次數(shù)，從而加以減少對(duì)服務(wù)器的請(qǐng)求次數(shù)，從而加快頁面的訪問速度快頁面的訪問速度邊框?qū)傩?f任何一個(gè)元素都可以設(shè)置邊框任何一個(gè)元素都可以設(shè)置邊框f邊框?qū)傩允怯糜谠O(shè)

2、置一個(gè)元素邊框風(fēng)格、邊框?qū)掃吙驅(qū)傩允怯糜谠O(shè)置一個(gè)元素邊框風(fēng)格、邊框?qū)挾?、邊框顏色的略寫，可以一起設(shè)置度、邊框顏色的略寫，可以一起設(shè)置4 4邊的邊框，邊的邊框，也可對(duì)上邊框、右邊框、下邊框和左邊框單獨(dú)設(shè)也可對(duì)上邊框、右邊框、下邊框和左邊框單獨(dú)設(shè)置。置。 邊框風(fēng)格屬性f可以通過邊框風(fēng)格屬性可以通過邊框風(fēng)格屬性border-styleborder-style設(shè)定上下左設(shè)定上下左右邊框的風(fēng)格，該屬性用于設(shè)置一個(gè)元素邊框的右邊框的風(fēng)格，該屬性用于設(shè)置一個(gè)元素邊框的樣式，而且必須用于指定可見的邊框?？梢允褂脴邮剑冶仨氂糜谥付梢姷倪吙?。可以使用1 1到到4 4個(gè)關(guān)鍵字，如果四個(gè)值都給出了，它們分別應(yīng)個(gè)

3、關(guān)鍵字，如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。用于上、右、下和左邊框的式樣。f如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果給出一個(gè)值，它將被運(yùn)用到各邊上。f如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相等等f也可以分別使用也可以分別使用border-top-styleborder-top-style、border-border-bottom-stylebottom-style、border-left-styleborder-left-style和和border-border-right-styleright-style屬性單獨(dú)設(shè)置各邊的風(fēng)

4、格屬性單獨(dú)設(shè)置各邊的風(fēng)格 各邊的風(fēng)格使用的屬性值 fnonenone：沒有邊框，無論邊框?qū)挾仍O(shè)為多大：沒有邊框，無論邊框?qū)挾仍O(shè)為多大fdotteddotted：點(diǎn)線式邊框：點(diǎn)線式邊框fdasheddashed：破折線式邊框：破折線式邊框fsolidsolid：直線式邊框：直線式邊框fdoubledouble：雙線式邊框：雙線式邊框fgroovegroove：槽線式邊框：槽線式邊框fridgeridge：脊線式邊框：脊線式邊框finsetinset：內(nèi)嵌效果的邊框：內(nèi)嵌效果的邊框foutsetoutset：突起效果的邊框：突起效果的邊框邊框?qū)挾葘傩?f可以通過邊框?qū)挾葘傩钥梢酝ㄟ^邊框?qū)挾葘傩詁o

5、rder-widthborder-width設(shè)定上下左設(shè)定上下左右邊框的寬度，該屬性用右邊框的寬度，該屬性用1 1到到4 4個(gè)值來設(shè)置元素的個(gè)值來設(shè)置元素的邊界，值是一個(gè)關(guān)鍵字或長度，不允許使用負(fù)值邊界，值是一個(gè)關(guān)鍵字或長度，不允許使用負(fù)值長度。長度。f如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。下和左邊框的式樣。f如果只給出一個(gè)值，它將被運(yùn)用到各邊上。如果只給出一個(gè)值，它將被運(yùn)用到各邊上。f如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相等。這個(gè)屬性是上邊框?qū)挾?、右邊框?qū)挾取⑾逻叺?。這個(gè)屬性是上邊框

6、寬度、右邊框?qū)挾?、下邊框?qū)挾群妥筮吙驅(qū)挾葘傩缘穆詫??？驅(qū)挾群妥筮吙驅(qū)挾葘傩缘穆詫?。f也可以分別使用也可以分別使用border-top-widthborder-top-width、border-border-bottom-widthbottom-width、border-left-widthborder-left-width和和border-border-right-widthright-width屬性單獨(dú)設(shè)置各邊的寬度。除了可屬性單獨(dú)設(shè)置各邊的寬度。除了可以使用長度單位定值外，還可以用以使用長度單位定值外，還可以用mediummedium（是默（是默認(rèn)值）、認(rèn)值）、thinthin（比（比me

7、diummedium細(xì)）或細(xì)）或thickthick（比（比mediummedium粗）粗）值。值。 邊框顏色屬性 f可以通過邊框顏色屬性可以通過邊框顏色屬性border-colorborder-color設(shè)定上下左右邊框的顏色，可以使用設(shè)定上下左右邊框的顏色，可以使用1 1到到4 4個(gè)關(guān)鍵字。如果四個(gè)值都給出了，個(gè)關(guān)鍵字。如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值，它將被運(yùn)的式樣。如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出用到各邊上。如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相等了，省略了的值與對(duì)邊相等略寫的邊框?qū)傩?/p>

8、fCSSCSS屬性屬性borderborder是邊框?qū)傩缘囊粋€(gè)快捷的綜是邊框?qū)傩缘囊粋€(gè)快捷的綜合寫法，是一個(gè)用于設(shè)置一個(gè)元素邊框的合寫法，是一個(gè)用于設(shè)置一個(gè)元素邊框的寬度、式樣和顏色的略寫，它包含寬度、式樣和顏色的略寫，它包含border-border-widthwidth，border-styleborder-style和和border-colorborder-color屬性。屬性。 f邊框?qū)傩赃吙驅(qū)傩詁orderborder只能設(shè)置四種邊框，也只只能設(shè)置四種邊框，也只能給出一組邊框的寬度和式樣。為了給出能給出一組邊框的寬度和式樣。為了給出一個(gè)元素的四種邊框的不同的值，網(wǎng)頁制一個(gè)元素的四種邊

9、框的不同的值，網(wǎng)頁制作者必須用一個(gè)或更多的屬性，如：上邊作者必須用一個(gè)或更多的屬性，如：上邊框、右邊框、下邊框、左邊框、邊框顏色、框、右邊框、下邊框、左邊框、邊框顏色、邊框?qū)挾取⑦吙蚴綐?、上邊框?qū)挾?、右邊邊框?qū)挾取⑦吙蚴綐?、上邊框?qū)挾取⒂疫吙驅(qū)挾?、下邊框?qū)挾然蜃筮吙驅(qū)挾??？驅(qū)挾?、下邊框?qū)挾然蜃筮吙驅(qū)挾?。鼠?biāo)光標(biāo)屬性 f在網(wǎng)頁中默認(rèn)的鼠標(biāo)指針只有兩種，一種在網(wǎng)頁中默認(rèn)的鼠標(biāo)指針只有兩種，一種是最普通的箭頭，另一種是當(dāng)移動(dòng)到鏈接是最普通的箭頭，另一種是當(dāng)移動(dòng)到鏈接上時(shí)出現(xiàn)的上時(shí)出現(xiàn)的“小手小手”。但現(xiàn)在越來越多的。但現(xiàn)在越來越多的網(wǎng)頁都使用了網(wǎng)頁都使用了CSSCSS鼠標(biāo)指針技術(shù)，當(dāng)將鼠標(biāo)鼠標(biāo)指針技術(shù)，當(dāng)將鼠標(biāo)移動(dòng)到鏈接上時(shí)，可以看到多種不同的效移動(dòng)到鏈接上時(shí)，可以看到多種不同的效果。果。CSSCSS可以通過可以通過CursorCursor屬性實(shí)現(xiàn)鼠標(biāo)形狀屬性實(shí)現(xiàn)鼠標(biāo)形狀的改變，其屬性可以是默認(rèn)的鼠標(biāo)形狀的改變，其屬性可以是默認(rèn)的鼠標(biāo)形狀defaultdefault、小手形狀、小手形狀handha