CSS樣式_列表表格輪廓

CSS列表:

list-style 簡寫屬性在一個聲明中設置所有的列表屬性。添加一個圖標代替原來的列表圖標。

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }
list-style-type 屬性設置列表項標記的類型。可能的值有很多。常用的是none無標記,disc默認的實心圓,circle空心圓,square實心方塊,decimal數字,decimal-leading--zero即是0開頭的數字,lower-roman和upper-roman小大寫羅馬數字,lower-alpha和upper-alpha小大寫英文字母等等。。

list-style-position 屬性設置在何處放置列表項標記。屬性值inside表示的是在列表標記的那個圖標在文本以內。outside表示子啊圖標以外。直接的外觀看出使用inside屬性值列表文本更加的靠後一些。

list-style-image 屬性使用圖像來替換列表項的標記。這個屬性指定作爲一個有序或無序列表項標誌的圖像。最好始終規定一個 "list-style-type" 屬性以防圖像不可用。屬性值有URL,和none默認值,無圖形。上面的代碼把三個屬性值square(假如圖像不顯示的話),inside和url放在了一起。

CSS表格:

border-collapse 屬性設置表格的邊框是否被合併爲一個單一的邊框,還是象在標準的 HTML 中那樣分開顯示。屬性值collapse表示邊框會合併爲一個單一的邊框,什麼意思呢,就是表格中的每一個值不帶有自己的框框。屬性值separate是默認值,邊框會分開,就是每一個值都有一個框框,如果是2*3型的表格,那麼加上最外面的一個,你會看到一共有7個框框,如果是collapse,表現的是隻有六個小框框。

border-spacing 屬性設置相鄰單元格的邊框間的距離(僅用於“邊框分離”模式),屬性值爲length,length。規定相鄰單元的邊框之間的距離。可以使用px,cm等單位,不要用負值。不要重疊。如果定義一個參數,那麼是水平=垂直=length。兩個,那麼第一個是水平,第二個是垂直。這裏僅僅適用於邊框分離的模式,如果使用collapse,會忽略該屬性。因爲這是規定框框之間的距離,沒有框框自然沒法用這個屬性了。

caption-side 屬性設置表格標題的位置。默認值top,標題在上方。還有bottom。

empty-cells 屬性設置是否顯示錶格中的空單元格(僅用於“分離邊框”模式)。主要是在separate屬性值下有空單元格的話不顯示它的框框。在collapse模式下本來就沒有框框的。有沒有值都一樣。

table-layout 屬性用來顯示錶格單元格、行、列的算法規則。默認值爲automatic,列寬度由單元格的內容設定。fixed值表示表格由表格寬度和列寬度設定。固定表格佈局與自動錶格佈局相比,允許瀏覽器更快地對錶格進行佈局。由於自動錶格的最終佈局需要在所有內容出現之後才能確定。那麼固定寬度在自己沒有設置好的情況下,假如表格寬度太小,可能出現內容重疊現象。

CSS輪廓:

輪廓outline是繪製於元素周圍的一條線。CSS outline屬性可以規定元素輪廓的樣式、顏色和寬度。

outline 簡寫屬性在一個聲明中設置所有的輪廓屬性。三種屬性可以寫在一起。

p 
{
border:red solid thin;
outline:#00ff00 dotted thick;
}
outline-style 屬性用於設置元素的整個輪廓的樣式。樣式不能是 none,否則輪廓不會出現。默認屬性是none。只有設置好outline-style才能設置outline-color,可能的值還有:dotted點狀的輪廓,dashed虛線,solid實線,double雙線,雙線的寬度等同於outline-width的值。groove3D凹槽輪廓,ridge3D吐槽輪廓,inset凹邊輪廓,outset凸邊輪廓。凹凸邊表現的是整塊表格像是凸起凹下去,而凹凸槽則是在外邊框與內框直接的空隙是凹還是凸的。

outline-width 屬性設置元素整個輪廓的寬度,只有當輪廓樣式不是 none 時,這個寬度纔會起作用。如果樣式爲 none,寬度實際上會重置爲 0。不允許設置負長度值。聲明這個屬性之前同樣,要把outline-style屬性定義了。輪廓線不會佔據空間,也不一定是矩形。不會佔據空間的意思是和列表的outside屬性值意思一樣。默認值是medium,中等輪廓。可能的值還有thin,thick。也可以是length,可以用px表示,也可以用cm(這個單位有點太大了)。

outline-color 屬性設置一個元素整個輪廓中可見部分的顏色。要記住,輪廓的樣式不能是 none,否則輪廓不會出現。默認值是invert,執行顏色反轉,反正能使輪廓在不同的顏色下都是可見的。可能的值,跟之前背景,文字的顏色是一樣的:顏色名,rgb(,,),十六進制#FFFFFF等。

那麼本節開頭的outline簡寫屬性就明確意思了,這時看到,不需要style再color之前的,這不是順序執行。





























發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章