文字屬性

 font-size 文字的大小 例如 font-size:12px;（瀏覽器預設16px，一般為12px）

 font-weight 文字是否加粗 font-weight:bold（加粗）/normal （預設）/bolder(更粗的字型)/lighter(更細的字型);或100-900從細字型到粗，值必須是100的倍數，其中400等於normal，700等於bold

 font-style 文字是否傾斜  font-style:italic ;傾斜  font-style:normal;正常

 font-family 文字的字型  例如 font-family:隸書;預設是宋體

 text-decoration 文字是否有線條  text-decoration:underline ;下劃線 text-decoration:overline;上劃線  text-decoration:line-through;中劃線（等同於標籤） text-decoration:none;去掉所有的線條 

 text-indent:文字首行縮排 例如 text-indent:2em;

 color 文字的顏色 例如color:pink;

 letter-spacing:字母和字母之間的距離   例如letter-spacing:2px;

 word-spacing:單詞和單詞之間的距離   例如 word-spacing:2px;

 text-align:文字的對齊方式 left  center right例如text-align:center;

line-height:單行 文字所佔的高度

cursor:游標標籤   pointer（一隻手）  wait（通常是一隻表或沙漏）  help（通常是一個問號或一個氣球）  default（通常是一個箭頭）

border-radius: 用來設定邊框圓角

border-radius :50%(圓）用來設定邊框圓角

案例：

html>


    
    
    

給我一個理由去奮鬥
太陽，月亮，星系，河漢，都在不停地運轉；水流，風流，雲雨，光影，都在不停地奔跑；上滿發條的時針，
更是以它特有的節奏不停地前進。而歷史，也邁著不慌不忙的步子，姍姍走來。它們都在走，不知走了多少年；它們都在運動，不知運動了多少代。
大音希聲，大象無形，一切有生命的東西都在運動。它們為何如此奔忙，又為何不停地運動？其實，它們的運動都是在證明自己的存在。

背景的屬性

l Background-color: 背景顏色  例如：background-color：#ff0000;background-color:red;

l Background-image:背景圖片 例如 background-image:url(圖片的路徑)

l Background-size:設定背景圖片的大小 例如 background-size: 寬度  高度

l Background-repeat:背景圖片是否平鋪 取值：no-repeat不平鋪 repeat-x橫向平鋪 repeat-y縱向平鋪 repeat橫向和縱向都平鋪 （預設）

l Background-attachment:背景附件，背景是否隨著上方的內容一起滾動

取值 ：fixed背景固定  scroll滾動

例如：background-attachment:fixed;

l Background-position:背景圖片的展開方式 例如：background-position:水平 垂直;

英文 ：水平 left  center  right  垂直top  center bottom

數值 ：正值   負值

例如 background-position:left top;

      例如:background-positon:0  0;    background-position:10px 20px;

可以簡寫

Background:背景顏色  背景圖片  背景圖片是否平鋪   水平 垂直；（附件通常僅用body標籤）

注意：只有水平和垂直不能顛倒，其他的屬性值可以順序顛倒

z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。

html>


    
    
    

    

補充知識：

列表

去掉列表前面的專案符號

1. List-style-type:none;

可以簡寫為

2. List-style:none;

l 用小圖代替列表前面的符號

List-style-image:url(圖片的地址)

display: inline ;去掉前面的符號並分佈在一行

若有不足請多多指教！希望給您帶來幫助！