CSS的基本樣式

   CSS的基本樣式

1   CSS允許應用純色作為背景，也允許使用背景影像建立相當複雜的效果

2   CSS的背景

屬性	描述
background-attachment	背景影像是否固定或者隨著頁面的其餘部分滾動
background-color	設定元素的背景顏色
background-image	把圖片設定為背景
background-position	設定背景圖片的起始位置
background-repeat	設定背景圖片是否及如何重複
background-size	規定背景圖片的尺寸
background-origin	規定背景圖片的定位區域
background-clip	規定背景的繪製區域

3   no-repeat表示不能重複，repeat可重複，repeat-x表示x軸重複，repeat-y表示y軸重複

4   影像相對於可視區是固定的(fixed),不會受到滾動的影響

5   CSS的樣本-文字

   CSS文字屬性可定義文字的外觀，可以改變文字的顏色和字元間距，對齊文字，裝飾文字，對文字進行縮排，等等

屬性	描述
color	文字顏色
direction	文字方向
line-height	行高
letter-spacing	字元間距
text-align	對齊元素中的文字
text-decoration	向文字新增修飾
text-indent	縮排元素中文字的首行
text-transform	元素中的字母
unicode-bidi white-space word-spacing	設定文字方向 元素中空白的處理方式 字間距

6    CSS連結的四種狀態

  a:link–普通的、未被訪問的連結

   a:visited–使用者已訪問的連結

   a:hover–滑鼠指標位於連線的上方

   a:active—連結被點選的時刻

7   a：hover必須位於a：link和a：visited之後，而a：active必須位於a：hover之後

8   設定連結背景顏色

   修改對應的屬性background-color就可以了

9   修改連結的下劃線

   在link屬性中加入text-decoration屬性，將傳值改為空就可以了

10   CSS列表允許防止、改變列表標誌，或者將圖片作為列表標誌

11   列表常用的三個屬性

   列表型別

   列表項影像

   簡寫列表屬性

12   列表型別

   列表有無序，有序之分，無序列表又可以用不同的標記來區分list-style-type這個屬性可以用來控制標記型別

13   列表圖片

   list-style-image屬性讓標記變得高大上，要先下載一個小圖示放入工程資料夾，然後在CSS中新增

14   簡寫列表樣式

   把所有用於列表的屬性設定於一個宣告中

15   list-style的值可以按任何順序列出，而且這些值得可以忽略，只要提供了一個值，其他的就會填入其預設值

1.15CSS表格

屬性	描述
border-collapse	設定是否把表格邊框合併為單一的邊框
border-spacing	設定分隔單元格邊框的距離
caption-side	設定表格標題的位置
empty-cells	設定是否顯示錶格中的空單元格
table-layout	設定顯示單元、行和列的演算法