close

最近在學習Dreamweaver, 發現它的CSS面版都是英文的, 有點不太習慣, 於是在網路上找翻譯, 讓自已對面版能更加了解

1.字型版面

1css-font.png

Font-family字體
Font-size字體大小:畫素(px)、點數(pt) 、英寸(in) 、釐米(cm) 、毫米(mm)、12pt字(pc)、字體高(em)、字母x的高(ex) 、百分比%
Font-weight字體濃淡
Font-style字體風格如:斜體、正常等
Font-variant字體變數(用來設定字體是正常顯示,還是以小型大寫字母顯示)
Line-height行高(用來設定字行間距)
Text-transform文本轉換(用來設定字體的大小寫轉換):首字母大寫、大寫、小寫、無
Text-decoration(字體裝飾):Underline底線、Overline上劃線、Line-through刪除線、Blink閃光、None無
 

2css-background.png
background-color(C)背景顏色
background-image(I)背景圖片
background-repeat(R)背景重複
background-attachment(T)背景附著(用來設定背景圖片是否隨文檔滾動)
background-position(X)背景位置:左對齊、居中、右對齊(值)
background-position(Y)背景位置Y :頂部、居中、底部(值)

3css-block.png

word-spacing字間距:正常normal(值)
letter-spacing字元間距:正常normal(值)
vertical-align垂直對齊:基線baseline、下標sub、上標super、頂部top、文本頂對齊text-top、中線對齊middle、底部bottom、文本底對齊text-bottom(值) 、%
text-aline水準對齊:左對齊left、右對齊right、居中center、兩端對齊justify
text-indent文本縮進
white-space空白:正常normal、保留pre、不換行nowrap
dispaly顯示:

無none
內嵌inline
塊block
清單項list-item
追加部分run-in
內嵌塊inline-block
緊湊compact
標記marker
表格table
內嵌表格inline-table
表格行組table-row-group
表格標題組table-header-group
表格注腳組table-footer-group
表格行table-row
表格列組table-column-group
表格列table-column
表格儲存格table-cell
表格標題table-caption
繼承inherit  

4css-padding.png

width寬度:自動auto(值)
height高度:自動auto(值)
float浮動:左對齊left、右對齊right、無
clear規定元素的哪一側不允許出現其他浮動元素:左對齊left、右對齊right、兩者both、無none
padding間距(設定間距的寬度)
margin邊距(用來設定邊距的寬度)

5css-margin.png

style樣式(如:虛線等等):無none、點劃線dotted、虛線dashed、實線solid、雙線double、槽狀groove、脊狀ridge、凹陷inset、吐出outset
width寬度:細中粗(值)
color顏色

6css-list.png

list-style-type清單樣式類型(用來設定清單項標記(list-itemmarker)的類型):

圓點disc
圓圈circle
方塊square
數字decimal
小寫羅馬數字lower-roman
大寫羅馬數字upper-roman
小寫字母lower-alpha
大寫字母upper-alpha
無none

list-style-image清單樣式圖片(用來設定清單樣式圖片標記的位址)
list-style-position清單樣式位置(用來設定清單樣式標記的位置):內inside、外outside

7css-posotion.png

position位置:絕對absolute、固定fixed、相對relative、靜態static 、width寬度

height高度:自動auto(值)

visibility規定元素是否可見(即使不可見,但仍佔用空間,建議使用display來創建不占頁面空間的元素):繼承inherit可見visible隱藏hidden

Z-index設置元素的堆疊順序(該屬性設置一個定位元素沿z軸的位置,z軸定義為垂直延伸到顯示區的軸。如果為正數,則離用戶更近,為負數則表示離用戶更遠):自動auto(值)

overflow規定當內容溢出元素框時發生的事情:可見visible、隱藏hidden、滾動scroll、自動auto、置入(放置)

placement放置:自動auto(值)

clip裁剪絕對定位元素:自動auto(值)

**圖元(px)點數(pt)英寸(in)釐米(cm)毫米(cm)12pt字(pc)字體高(em)字母x的高(ex)%**

8css-expasion.png

分頁
page-break-before:自動auto、總是always、左對齊left、、右對齊right
page-break-after:自動auto總是always、左對齊left、右對齊right
視覺效果
cursor規定要顯示的游標的類型(滑鼠放在指定位置滑鼠的形狀)
filter濾鏡

 

arrow
arrow
    文章標籤
    DW CSS
    全站熱搜
    創作者介紹
    創作者 Ilyday1314 的頭像
    Ilyday1314

    蓁函傳

    Ilyday1314 發表在 痞客邦 留言(0) 人氣()