CSS3常用的屬性總結

本文轉載自:點擊打開鏈接

常用的CSS屬性列表彙總:

 表格最右列的數字標識支持的CSS最低版本。

  01. CSS背景屬性(Background)


屬性與描述
  background:在一個聲明中設置所有的背景插件1
  background-attachment:設置背景圖像是否固定或者隨着頁面的其餘部分滾動1
  background-color:設置元素的背景顏色1
  background-image:設置元素的背景圖像1
  background-position:設置背景圖像的開始位置1
  background-repeat:設置是否及如何重複背景圖像

  02. CSS邊框屬性(Border和Outline)


  屬性與描述
  border:在一個聲明中設置所有的邊框屬性1
  border-bottom:在一個聲明中設置所有的下邊框屬性1
  border-bottom-color:設置下邊框的顏色2
  border-bottom-style:設置下邊框的樣式2
  border-bottom-width:設置下邊框的寬度1
  border-color:設置四條邊框的顏色1
  border-left:在一個聲明中設置所有的左邊框屬性1
  border-left-color:設置左邊框的顏色2
  border-left-style:設置左邊框的樣式2
  border-left-width:設置左邊框的寬度1
  border-right:在一個聲明中設置所有右邊框的屬性1
  border-right-color:設置右邊框的顏色2
  border-right-style:設置右邊框的樣式2
  border-right-width:設置右邊框的寬度1
  border-style:設置四條邊框的樣式1
  border-top:在一個聲明中設置所有上邊框的屬性1
  border-top-color:設置上邊框的顏色2
  border-top-style:設置上邊框的樣式2
  border-top-width:設置上邊框的寬度1
  border-width:設置四條邊框的寬度1
  outline:在一個聲明中設置所有的輪廓屬性2
  outline-color:設置輪廓的顏色2
  outline-style:設置輪廓的樣式2
  outline-width:設置輪廓的寬度

03. CSS文本屬性(Text)


  屬性與描述
  color:設置文本的顏色1
  direction:規定文本的方向/書寫方向2
  letter-spacing:設置字符間距1
  line-height:設置行高1
  text-align:規定文本的水平對齊方式1
  text-decoration:規定添加到文本的裝飾效果1
  text-indent:規定文本塊首行的縮進1
  text-shadow:規定添加到文本的陰影效果2
  text-transform:控制文本的大小寫1
  unicode-bidi:設置文本方向2
  white-space:規定如何處理元素中的空白1
  word-spacing:設置單詞間距1

04. CSS字體屬性(Font)


  屬性與描述
  font:在一個聲明中設置所有字體屬性1
  font-family:規定文本的字體系列1
  font-size:規定文本的字體尺寸1
  font-size-adjust:爲元素規定aspect值2
  font-stretch:收縮或拉伸當前的字體系列2
  font-style:規定文本的字體壓實1
  font-variant:規定文本的字體樣式1
  font-weight:規定字體的粗細

  05. CSS外邊距屬性(Margin)


  屬性與描述
  margin:在一個聲明中設置所有的外邊距屬性1
  margin-bottom:設置元素的下外邊距1
  margin-left:設置元素的左外邊距1
  margin-right:設置元素的右外邊距1
  margin-top:設置元素的上外邊距

06. CSS內邊距屬性(Padding)


  屬性與描述
  padding:在一個聲明中設置所有的內邊距屬性1
  padding-bottom:設置元素的下內邊距1
  padding-left:設置元素的左內邊距1
  padding-right:設置元素的右內邊距1
  padding-top:設置元素的上內邊距

  07. CSS列表屬性(List)


  屬性與描述
  list-style:在一個聲明中設置所有的列表屬性1
  list-style-image:將圖像設置爲列表項標記1
  list-position:設置列表項標記的放置位置1
  list-style-type:設置列表項標記的類型

  08. CSS尺寸屬性(Dimension)


  屬性與描述
  height:設置元素高度1
  max-height:設置元素的最大高度2
  max-width:設置元素的最大寬度2
  min-height:設置元素的最小高度2
  min-width:設置元素的最小寬度2
  width:設置元素的寬度1

  09. CSS定位屬性(Positioning)


  屬性與描述
  bottom:設置定位元素下外邊距邊界與其包含塊下邊界之間的偏移2
  clear:規定元素的哪一側不允許其他浮動元素1
  clip:剪裁絕對定位元素2
  cursor:規定要顯示的光標類型(形狀)2
  display:規定元素應該生成的框的類型1
  float:規定框是否應該浮動1
  left:設置定位元素左外邊距邊界與其包含塊左邊界之間的偏移2
  overflow:規定當內容溢出元素框時發生的事情2
  position:規定元素定位類型2
  right:設置定位元素右外邊距邊界與其包含塊右邊之間的偏移2
  top:設置定位元素上外邊距邊界與其包含塊上邊之間的偏移2
  vertical-align:設置元素的垂直對其方式1
  visibility:規定元素是否可見2
  z-index:設置元素的堆疊順序

  10. CSS表格屬性(Table)


  屬性與描述
  border-collapse:規定是否合併表格邊框2
  border-spacing:規定相鄰單元格邊框之間的距離2
  caption-side:規定表格標題的位置2
  empty-cells:規定是否顯示錶格中的空單元格上的邊框和背景2
  table-layout:設置用於表格的佈局算法
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章