1. 程式人生 > >CSS常用屬性

CSS常用屬性

position 縮進 cin 頁面 cli 距離 oat let ica

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:設置用於表格的布局算法

CSS常用屬性