在網上收集了一些常用的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:設定用於**的布局演算法
CSS 備查指南(專案常用)
單行文字 多行文字 class scroll test style width 200px height 300px overflow auto background e3f0fc style height 500px div div 滾動條整體樣式 scroll test webkit scrol...
CSS屬性(常用的屬性)
css屬性 常用的屬性 一 文字與字型屬性 1.字型屬性 1 font size 字型的大小 例如 font size 14px em當前物件內文字字型大小 pt絕對長度單位 多少個點的單位 px相對長度單位 畫素 2 font family 字型的型別 例如 font family 隸書 宋體 a...
常用的CSS屬性
display 設定元素的顯示方式 block 塊級元素的預設值 inline 行內元素的預設值 inline block none 隱藏元素,這種隱藏是真的隱藏,隱藏後元素不再占用空間了 visibility hidden 也可以隱藏元素,但是這種隱藏只是元素不顯示了,在原位置還占用空間.text...