一.設定字型樣式
1.字型屬性
1),font-family（字型系列）
本屬性描述了用何種字型系列來顯示文字，可以為文字指定一種或多種字型，屬性值為用逗號分隔的字型名稱列表。
例如：p
瀏覽器會使用列表中的第乙個字型，這裡是new century schoolbook字型。如果作業系統未安裝該字型，則瀏覽器會使用下一字型(華文彩雲)，若仍未安裝該字型，則依次嘗試列表中的下一字型。若都未安裝，則會用預設字型顯示文字。
注：對於名稱中間含有空格的字型，建議用雙引號括起來，在使用內聯樣式時，多重雙引號會出現問題，應使用單引號標記。
2),font-size（字型大小）
本屬性允許我們定義字型的大小。例如：pp
ppcss共支援5種方式表示字型大小。分別是磅值、相對值、關鍵字、相對關鍵字和增大值。
3),font-style
使用本屬性可以使文字產生斜體效果，屬性值為italic或oblique。這兩個值都能產生斜體，並且很難區分它們的差別，所以可任選其一；若不想產生斜體效果，可以指定其值為預設值normal或者不使用本屬性。
4),font-variant（字形變體）
本屬性的預設值也是normal，表示不作變形，若指定其值為small-caps，則小寫字母都變形為小的大寫字母。
5),font-weight（字型粗細）
本屬性可以控制字型的粗細，它的預設值也是normal。要改變粗細，可以指定其值為100到900直接並且是100的倍數的數字，共9種不同的粗細。當然也可以使用關鍵字，其他normal對應400，bold對應700，而bolder和lighter分別表示比當前的值增加或減少100.
6),font（字型）
p可簡化為：
p但是font屬性對於它的值有一定的要求。首先是順序的要求，要求按font-style、font-variant、font-weight、font-size、line-height和font-family的值的順序書寫，可以缺失其中某些值（實際上就是以該屬性的預設值顯示，但font-size和font-family的值必須出現），如上例中就缺少了font-variant和line-height(行高)的值，但剩下的值必須按要求的先後順序排列；其次是各屬性值之間以空格為分隔符，只有font-size和line-height的值之間以「/"分隔；最後，font-family的值如果是含有多個字型系列的列表，則各系列之間以逗號分隔。
示例：ph1i
2.text-decoration(文字修飾)
本屬性可以產生文字修飾效果，它的值是下列關鍵字的乙個或多個:underline(下劃線)、overline(上劃線)、line-through(穿越線)、blink(閃爍)和none(無)。例如：
p二.控制**布局
1.字間距和行間距
1）,letter-spacing(字間距)
本屬性可以控制文字之間的間隔距離，它的值可以是預設關鍵字normal，表示正常的字元間距，也可以使用數字，單位為畫素(px).例如：
p2）,line-height(行高或行間距)
本屬性定義了文字的最小行間距。通常瀏覽器將單行距離作為文字的行間距，使用者可以通過line-height屬性來增加行間距。本屬性可以接受長度值、百分數或縮放係數；例如：pp
p第一條規則設定行間距為20磅，第二天設定為字型大小的120%,第三條設定為字型大小的兩倍。
2.text-align(文字對齊)
本屬性允許調整文字塊(或）相對於頁邊的對齊方式，共有4個值，分別是left,right,center和justfy。即左、右、中和兩邊對齊。例如：
p這條規則告訴瀏覽器所有放在和
中間的文字都用兩邊對齊方式顯示。
3.text-indent(首行縮排)
本屬性可以為一段文字設定首行縮排的效果，它的值為數值，單位是長度單位或百分數，表示首行的縮排量(用百分數時表示縮排兩位當前字元寬度的多少倍)。比如：
p（縮排20磅）
p(縮排乙個字元)
三.顏色及背景
1.color(字型顏色屬性)
本屬性可設定標籤內容的背景色。顏色的值可以是顏色名、十六進製制rgb組合或十進位制rgb組合。例如，對文字設定藍色，下面的書寫均為正確：pp
pp當然，不僅可以使用color屬性設定文字的顏色，還可以設定其他標籤中的非文字內容，例如水平分隔線等。
2.background-color（背景顏色屬性）
本屬性用來控制元素的背景顏色，它的值也是顏色值，寫法和color的值相同。css中background-color不僅可以設定頁面的背景顏色，而且可以應用於任何元素(任何標籤)。
示例：css.html
顏色及背景
字型顏色背景
背景顏色屬性
背景屬性
color
background-color
background-image
background
litdi
3,背景屬性
1).background-image(背景影象)
本屬性可以在元素內容中放置乙個背景影象。它的值可以是url，也可以是預設關鍵字none。例如：
body
td上例分別定義了整個頁面和**單元格的背景影象，此處url的值的寫法是"url"後緊跟"()"，小括號中填入的url的值
注意：本屬性可以用於任何元素。
若影象比元素區域大，則將被剪裁為與元素區域相同的大小；若影象比元素區域小，則將平鋪該影象(平鋪方式由background-repeat屬性指定)
當使用背景影象時，建議同時指定背景顏色，因為如果使用者的瀏覽器不能顯示影象，還可以用背景顏色代替。
2）,background-attachment(背景附件)
如果為某元素指定了背景影象，則可以用本屬性來設定影象的滾動方式。如使用預設值scroll，則背景影象隨元素的移動而移動；若使用了fixed值，則影象不滾動。
HTML入門學習筆記 CSS屬性 2
格式 font style italic 取值 normal 正常的，預設就是正常的 italic 傾斜的 fs font style italic fsn font style normal 格式 font weight bold 單詞取值 bold 加粗 bolder 比加粗還要粗 lighte...
CSS學習筆記之 z index屬性》
z index是針對網頁顯示中的乙個特殊屬性。因為顯示器是顯示的圖案是乙個二維平面，擁有x軸和y軸來表示位置屬性。為了表示三維立體的概念如顯示元素的上下層的疊加順序引入了z index屬性來表示z軸的區別。表示乙個元素在疊加順序上的上下立體關係。由此圖可以顯而易見的，z index越大越靠前，z i...
css屬性學習筆記
1 交集選擇器 p.p1 是p標籤並且class是p1 2 後代選擇器 div p 在div下面的p標籤 3 並集選擇器 新增多個標籤，中間用逗號隔開。標籤可共用後面屬性的效果。多個樣式表作用於同一標籤上，如果這些樣式都不一樣的話，那麼標籤的 最終樣式就是所有層疊樣式的總和。如果有相同樣式宣告，按優...