您所在的位置 : IT客 » 程序開發 » html/css

css中常用的一些屬性

由於工作需要,css+div是不能落下的,正好基礎不怎麼樣所以今天總結了一下,常用的屬性。
字體:
    font:默認值
    color:字體顏色
    font-family:字體類型
    font-size:字體大小
    font-style:normal|italic|oblique   對象的字體樣式
    line-height:行高
    word-spacing:單次之間的空格

文本:
    text-indent:文本的縮進距離  百分比
    vertical-align:垂直對齊方式
    text-align:left|right|center|justify  對齊方式

背景:
    background:
    background-attachment 背景是否動
    background-color:背景顏色
    background-image:none | url 背景圖片
    background-repeat:背景圖像的平鋪方式   repeat-x  pepeat-y no-repeat

定位:
    position:  absolute|relative 允許拖動
    top:  最近一個具有定位設置對象頂邊的位置
    right: 最近一個具有定位設置對象右邊的位置
    left:  最近一個具有定位設置對象左邊的位置
    bottom: 最近一個具有定位設置對象底邊的位置
    如果不存在最近一個定位的對象,怎默認是與body

尺寸:
    height: 設置對象的高度
    width:  設置對象的寬度
    max-height:
    min-height:
    max-width:
    min-width:

佈局:
    clear:不允許浮動  none|left|right|bith
    float:如何浮動            none|left|right|
    display:檢索對象任何顯示          none|block|.....
    visibility:是否顯示對象       inherit|visible|hidden
    display和cisibility不同之處是,display不佔用物理內存,visibility佔用物理內存

盒子:
    外:
        margin:36 36 36 36;  設置對象四邊的外補丁
        margin-top:          設置對象頂部距離外邊框的距離
        margin-right:        設置對象右部距離外邊框的距離
        margin-bottom:       設置對象底部距離外邊框的距離
        margin-left:         設置對象左邊距離外邊框的距離
    自:
        border:     設置對象邊框的樣式
        border-color:
        border-style:   none|hidden|solid|double
        border-width:
        border-top:
        border-top-color:
        border-top-style:
        border-top-width:
        border-right:
        border-right-color:
        border-right-style:
        border-right-width:
        border-bottom:
        border-bottom-color:
        border-bottom-style:
        border-bottom-width:
        border-left:
        border-left-color:
        breder-left-style:
        boeder-left-width:

    內:
        padding:
        padding-top:
        padding-right:
        padding-bottom:
        padding-left:
列表:
    list-style:
    list-style-image:  none|url
    list-style-type :  disc|circle|square|decimal|none
    marker-offset:  auto|length 標記容器和主容器之間的補白

表格:
    border-collapse:  separate|collapse   表格的行和單元格是否合併在一起。
    caption-side: top|right|bottom|left   caption對象是在表格的哪一邊。

頂一下
(0)
踩一下
(0)

發表評論:

昵稱: *
內容:
驗證碼:
rss· 投稿· 加入收藏· 手機版