在編寫CSS代碼時(shí),我們可以對各種 HTML 元素應(yīng)用不同的CSS屬性來實(shí)現(xiàn)不同的樣式效果。CSS屬性可以使我們掌控頁面中元素的各種特性,如文本顏色、大小和位置,背景色、圖片以及邊框樣式等等。
CSS屬性可以分為兩種:樣式屬性和布局屬性。樣式屬性即改變元素的樣式,布局屬性則改變元素的位置和大小。下面是一些比較常用的CSS屬性:
/*背景屬性*/ background-color: #fff; background-image: url("bg.jpg"); background-repeat: no-repeat; /*文本屬性*/ font-size: 12px; color: #000; text-align: center; /*邊框?qū)傩?/ border-style: solid; border-width: 2px; border-color: #000; /*布局屬性*/ height: 100px; width: 200px; position: absolute;
在CSS中,我們還可以使用多個(gè)屬性同時(shí)對同一個(gè)元素進(jìn)行樣式的改變,例如:
h1 { color: #000; font-size: 24px; text-align: center; }
上述例子中,我們同時(shí)對h1元素進(jìn)行了三項(xiàng)樣式改變:文本顏色、大小和文本居中。
同時(shí),我們也可以使用CSS的“繼承”功能,將某一個(gè)元素的樣式屬性逐級地繼承給其子元素。比如:
body { color: #666; } h1 { font-size: 24px; }
在上述例子中,我們讓整個(gè)頁面上的文本顏色都為#666,在h1元素中,我們僅僅修改了它的字體大小,而沒有對文本顏色進(jìn)行改變。由于h1元素是在body元素內(nèi)部的,所以它會自動繼承body元素中設(shè)定的文本顏色。
總之,在CSS中,屬性可以讓我們迅速地對頁面上的各種元素進(jìn)行樣式調(diào)整,讓網(wǎng)頁變得更加美觀、易讀和實(shí)用。
上一篇屬于css文本屬性的是
下一篇jquery 和.