首頁 >web前端 >css教學 >CSS樣式書寫順序

CSS樣式書寫順序

高洛峰
高洛峰原創
2017-02-14 15:18:371567瀏覽

“位置”,

“頂部”,

“右”,

“底部”,

“左”,

“z 索引”,

“顯示”,

“z 索引”,

“顯示”,

“z 索引”, “寬度”,

“最小寬度”,

“最大寬度”,

“高度”,

“最小高度”,

“最大高度”,

“-webkit-

“最大高度”,

“-webkit-box -sizing",box

"-moz-box-sizing",

"盒子大小",

"-webkit-外觀",

"填充",

"填充頂部",

"填充-",

"填充頂部

"填充-",

"填充填充底部",

"填充左",

"邊距",

"邊距頂部",

"邊距右",

"邊距底部",

"

"溢出",

"溢出-x",

"溢出-y",

"-webkit-overflow-scrolling",

"-ms-overflow-x ",

overflow-y",

"-ms-overflow-style",

"剪輯",

"清除",

"字體",

"字體系列",

"字體",

"字體系列",

“字體樣式”,

“字體粗細”,

“字體變體”,

“字體大小調整”,

“字體拉伸”,

"字體效果",

"字體強調",

"字體強調位置",

"字體強調樣式",

"字體平滑",

"-webkit-連字符",

"-moz-連字符",

"連字符",

"行高",

"顏色",

"文字對齊",

"-webkit-文字對齊-最後",

"-moz-text-align-last",

"-ms -text-align-last",

"text-align-last",

"文本強調",

"文本強調顏色”,

“文本強調樣式”,

“文本強調位置”,

“文本修飾”,

“文本縮進”,

“文本對齊” ,

"文本大綱",

"-ms-文本溢出",

省略號",

"文字溢位模式",

“文字陰影”,

“文字轉換”,

“文字換行”,

“-webkit-文字大小調整”,

”,

“-webkit-文字大小調整”,

”大小調整”,

"字母間距",

"-ms-word-break",

"分詞",

"單字間距",

"-ms-word-wrap",

"單字間距",

"-ms-word-wrap",

" -wrap ",

"-moz-tab-size",

"-o-tab-size",

"tab-size",

"空白",

"

"垂直對齊",

"空白",

"

"垂直對齊",

列表樣式",

"列表樣式位置",

"列表樣式類型",

"列表樣式圖像",

"指針事件",

"-ms-觸摸操作","指針事件",

"-ms-觸摸操作","指針動作

" ",

"遊標",

"可見性",

"縮放",

"彈性方向",

"彈性順序",

" flex-pack",, ,

"表格佈局",

"空白單元格",

"標題側",

"邊框間距",

"邊框-折疊",

"內容",

"邊框-折疊",

"內容",

"計數器重置",

"計數器增量",

"調整大小",

"-webkit-user-select",

“-moz-用戶選擇”,

”用戶選擇”,

“-o-用戶選擇”,

“用戶選擇”,

“導航索引”,

“向上導航",

"向右導航",

"向下導航" ,

"向左導航",

"背景",

"背景顏色",

"背景圖片" ,

"-ms-filter:\'progid:DXImageTransform.Microsoft.gradient",ms-filter:\'progid:DXImageTransform.Microsoft.gradient",Microsoft.Microsoft. "filter:progid:DXImageTransform.Microsoft.gradient",

"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",

“過濾器”,

“背景重複”,

“過濾器”,

“背景重複”,

“過濾器”,

“背景重複”,

”背景位置”,

“背景位置-x”,

“背景位置-y”,

"-webkit-background-clip",

"-moz-background-clip",

"背景剪輯""背景剪輯" ,

"背景來源",

"-webkit-background-size",

🎜" -moz-背景大小",🎜🎜"-o-背景大小",🎜🎜"背景大小",🎜 ",🎜🎜"邊框顏色",🎜🎜"邊框樣式",🎜 🎜“邊框寬度”,🎜🎜“邊框頂部”,🎜🎜“邊框頂部顏色”,🎜🎜“邊框頂部”,🎜🎜“邊框頂部顏色”,🎜🎜“邊框頂部樣式”,

“上邊框寬度”,

“右邊框”,

“右邊框顏色”,

“右邊框樣式”,

“右邊框寬度”,

“邊框底部",

“右邊框寬度”,

顏色",

"邊框底部樣式",

"邊框底部寬度",

"邊框左",

"邊框左-顏色",

"左邊框樣式" ,

"邊框半徑",

"左上邊框半徑",

"上邊框-右半徑",

"右下邊框半徑",

"左下邊框半徑

"右下邊框半徑",

"左下邊框-image",

"-moz-border-image" ,

"-o-border-image",

"邊框影像",

"-webkit-border-image-source",

moz-border-image-source",

"- o-border-image-source",

"border-image-source",

"-webkit-border-image-slice",

"-moz -border-image-slice",

"-o -border-image-slice",

"border-image-slice",

"-webkit-border-image-width",

"-moz- border-image-width",

"-o-邊框圖像寬度",

"邊框圖像寬度",

"-webkit-border-image-outset",

"-moz-border-image-outset ",

"-o-border -image-outset",

"border-image-outset",

"-webkit-border-image-repeat",

"-moz-border-image-eat" ,

"-o-border-影像重複",

"邊框影像重複",

"輪廓",

"輪廓寬度",

"輪廓樣式",

"輪廓寬度",

"輪廓樣式", "輪廓-偏移量",

"-webkit-box-shadow",

"-moz-box-shadow",

"box-shadow",

"filter:progid:DXImageTransform.Microsoft.Microsoft (Opacity",

"-ms-filter:\'progid:DXImageTransform.Microsoft.Alpha",

"不透明度",

"-ms-插值-模式",

kit-transition"-web

"-moz-過渡",

"-ms-transition",

"-o-transition",

"過渡",

"-webkit-transmo-delay", transition-delay",

"-ms-transition-delay",

"-o-transition-delay",

"transition-delay",

"-webkit-transp-timing-function", "-moz-transition-定時函數",

"-ms-transition-timing-function",

"-o-transition-timing-function",

"transition-timing-function",

webkit-transition-duration ",

"-moz-transition-duration",

"-ms-transition-duration",

"-o-transition-duration",

"transition-duration", "-webkit-transition -property",

"-moz-transition-property",

"-ms-transition-property",

"-o-transition-property",

"transpperty"trans

"-webkit -transform",

"-moz-transform",

"-ms-transform",

"-o-transform",

"變換",

origin",

“-moz-transform-origin”,

“-ms-transform-origin”,

“-o-transform-origin”,

”變換原點”,

"-moz-animation",

"-ms-animation",

"-o-animation",

"動畫",

"-webkit-animation-name", moz-animation-名稱",

"-ms-動畫名稱",

"-o-動畫名稱",

"動畫名稱",

"-webkit-動畫-持續時間",

"- moz-動畫持續時間",

"-ms-動畫持續時間",

"-o-動畫持續時間",

"動畫持續時間",

"-webkit-動畫-播放狀態",

"-moz-animation-play-state",

"-ms-animation-play-state",

"-o-animation-play-state",

"動畫播放狀態",

" - webkit-animation-timing-function",

"-moz-animation-timing-function",

"-ms-animation-timing-function",

"-o-animation-timing-function",timing-function",timing “動畫計時功能”,

“-webkit-動畫延遲”,

“-moz-動畫延遲”,

“-ms-動畫延遲”,

“-o-動畫-延遲",

"動畫延遲",

"-webkit-animation-iteration-count",

"-moz-animation-iteration-count",

"-ms-animation-iteration-count",

"-o-animation-iteration-count",

"animation-iteration-count",

"-webkit-animation-direction",

"-moz-animation-direction",

animation-direction",

"-o-animation-direction",

"animation-direction"

更多CSS樣式書寫順序相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn