css建议顺序

CSS属性推荐书写顺序

div { 

 position: ;

 top: ;

 right: ;

 bottom: ;

 left: ;

 z-index: ;

 float: ;

 display: ;

 width: ;

 height: ;

 max-width: ;

 max-height: ;

 min-width: ;

 min-height: ;

 padding: ;

 padding-top: ;

 padding-right: ;

  padding-bottom:;

 padding-left: ;

 border: ;

 border-collapse: ;

 border-top: ;

 border-right: ;

 border-bottom: ;

 border-left: ;

 border-color: ;

 border-image: ;

 border-top-color: ;

 border-right-color: ;

 border-bottom-color: ;

  border-left-color:;

 border-spacing: ;

 border-style: ;

 border-top-style: ;

 border-right-style: ;

 border-bottom-style: ;

 border-left-style: ;

 border-width: ;

 border-top-width: ;

 border-right-width: ;

 border-bottom-width: ;

  border-left-width:;

 border-radius: ;

 border-top-right-radius: ;

 border-bottom-right-radius: ;

 border-bottom-left-radius: ;

 border-top-left-radius: ;

 margin: ;

 margin-top: ;

 margin-right: ;

 margin-bottom: ;

 margin-left: ;

 overflow: ;

 overflow-x: ;

 overflow-y: ;

 clip: ;

 clear: ;

 font: ;

 font-family: ;

 font-size: ;

 font-style: ;

 font-weight: ;

 src: ;

 line-height: ;

 letter-spacing: ;

 word-spacing: ;

 color: ;

 text-align: ;

 text-decoration: ;

 text-indent: ;

 text-overflow: ;

 text-rendering: ;

 text-shadow: ;

 text-transform: ;

 word-break: ;

 word-wrap: ;

 white-space: ;

 vertical-align: ;

 list-style: ;

 list-style-type: ;

 list-style-position: ;

 list-style-image: ;

 pointer-events: ;

  cursor:;

 background: ;

 background-attachment: ;

 background-color: ;

 background-image: ;

 background-position: ;

 background-repeat: ;

 background-size: ;

 content: ;

 quotes: ;

 outline: ;

 outline-offset: ;

 opacity: ;

 filter: ;

  visibility:;

 size: ;

 zoom: ;

 transform: ;

 box-shadow: ;

 box-sizing: ;

 table-layout: ;

 animation: ;

 animation-delay: ;

 animation-duration: ;

 animation-iteration-count: ;

 animation-name: ;

 animation-play-state: ;

 animation-timing-function: ;

 animation-fill-mode: ;

 transition: ;

 transition-delay: ;

 transition-duration: ;

 transition-property: ;

 transition-timing-function: ;

 background-clip: ;

 backface-visibility: ;

 resize: ;

 direction: ;

 page: ;

 unicode-bidi: ;

 align-content: ;

 align-items: ;

 align-self: ;

 alignment-baseline: ;

 all: ;

 animation-direction: ;

 background-blend-mode: ;

 background-origin: ;

 background-position-x: ;

 background-position-y: ;

 background-repeat-x: ;

  background-repeat-y:;

 baseline-shift: ;

 border-image-outset: ;

 border-image-repeat: ;

 border-image-slice: ;

 border-image-source: ;

 border-image-width: ;

 buffered-rendering: ;

 caption-side: ;

 clip-path: ;

 clip-rule: ;

 color-interpolation: ;

 color-interpolation-filters: ;

 color-rendering: ;

 counter-increment: ;

 counter-reset: ;

 cx: ;

 cy: ;

 dominant-baseline: ;

 empty-cells: ;

 fill: ;

 fill-opacity: ;

 fill-rule: ;

 flex: ;

 flex-basis: ;

 flex-direction: ;

  flex-flow:;

 flex-grow: ;

 flex-shrink: ;

 flex-wrap: ;

 flood-color: ;

 flood-opacity: ;

 font-feature-settings: ;

 font-kerning: ;

 font-stretch: ;

 font-variant: ;

 font-variant-ligatures: ;

 image-rendering: ;

 isolation: ;

 justify-content: ;

 lighting-color: ;

 marker: ;

 marker-end: ;

 marker-mid: ;

 marker-start: ;

 mask: ;

 mask-type: ;

 max-zoom: ;

 min-zoom: ;

 mix-blend-mode: ;

 motion: ;

 motion-offset: ;

 motion-path: ;

 motion-rotation: ;

 object-fit: ;

  object-position:;

 order: ;

 orientation: ;

 orphans: ;

 outline-color: ;

 outline-style: ;

 outline-width: ;

 overflow-wrap: ;

 page-break-after: ;

 page-break-before: ;

 page-break-inside: ;

 paint-order: ;

 perspective: ;

  perspective-origin:;

  r:;

 rx: ;

 ry: ;

 shape-image-threshold: ;

 shape-margin: ;

 shape-outside: ;

 shape-rendering: ;

 speak: ;

 stop-color: ;

 stop-opacity: ;

 stroke: ;

 stroke-dasharray: ;

 stroke-dashoffset: ;

 stroke-linecap: ;

  stroke-linejoin:;

 stroke-miterlimit: ;

 stroke-opacity: ;

 stroke-width: ;

 tab-size: ;

 text-align-last: ;

 text-anchor: ;

 text-combine-upright: ;

 text-orientation: ;

 touch-action: ;

 transform-origin: ;

 transform-style: ;

 unicode-range: ;

 user-zoom: ;

 vector-effect: ;

 webkit-app-region: ;

 webkit-appearance: ;

 webkit-background-clip: ;

 webkit-background-composite: ;

 webkit-background-origin: ;

 webkit-border-after: ;

 webkit-border-after-color: ;

 webkit-border-after-style: ;

 webkit-border-after-width: ;

 webkit-border-before: ;

 webkit-border-before-color: ;

 webkit-border-before-style: ;

 webkit-border-before-width: ;

 webkit-border-end: ;

 webkit-border-end-color: ;

 webkit-border-end-style: ;

 webkit-border-end-width: ;

 webkit-border-horizontal-spacing: ;

 webkit-border-image: ;

 webkit-border-start: ;

 webkit-border-start-color: ;

 webkit-border-start-style: ;

 webkit-border-start-width: ;

 webkit-border-vertical-spacing: ;

 webkit-box-align: ;

 webkit-box-decoration-break: ;

 webkit-box-direction: ;

 webkit-box-flex: ;

 webkit-box-flex-group: ;

 webkit-box-lines: ;

 webkit-box-ordinal-group: ;

 webkit-box-orient: ;

 webkit-box-pack: ;

 webkit-box-reflect: ;

 webkit-clip-path: ;

 webkit-column-break-after: ;

 webkit-column-break-before: ;

 webkit-column-break-inside: ;

 webkit-column-count: ;

 webkit-column-gap: ;

 webkit-column-rule: ;

 webkit-column-rule-color: ;

 webkit-column-rule-style: ;

 webkit-column-rule-width: ;

 webkit-column-span: ;

 webkit-column-width: ;

 webkit-columns: ;

 webkit-filter: ;

 webkit-font-size-delta: ;

 webkit-font-smoothing: ;

 webkit-highlight: ;

 webkit-hyphenate-character: ;

 webkit-line-break: ;

 webkit-line-clamp: ;

 webkit-locale: ;

 webkit-logical-height: ;

 webkit-logical-width: ;

 webkit-margin-after: ;

 webkit-margin-after-collapse: ;

 webkit-margin-before: ;

 webkit-margin-before-collapse: ;

 webkit-margin-bottom-collapse: ;

 webkit-margin-collapse: ;

 webkit-margin-end: ;

 webkit-margin-start: ;

 webkit-margin-top-collapse: ;

 webkit-mask: ;

 webkit-mask-box-image: ;

 webkit-mask-box-image-outset: ;

 webkit-mask-box-image-repeat: ;

 webkit-mask-box-image-slice: ;

 webkit-mask-box-image-source: ;

 webkit-mask-box-image-width: ;

 webkit-mask-clip: ;

 webkit-mask-composite: ;

 webkit-mask-image: ;

 webkit-mask-origin: ;

 webkit-mask-position: ;

 webkit-mask-position-x: ;

 webkit-mask-position-y: ;

 webkit-mask-repeat: ;

 webkit-mask-repeat-x: ;

 webkit-mask-repeat-y: ;

 webkit-mask-size: ;

 webkit-max-logical-height: ;

 webkit-max-logical-width: ;

 webkit-min-logical-height: ;

 webkit-min-logical-width: ;

 webkit-padding-after: ;

 webkit-padding-before: ;

  webkit-padding-end:;

 webkit-padding-start: ;

 webkit-perspective-origin-x: ;

 webkit-perspective-origin-y: ;

 webkit-print-color-adjust: ;

 webkit-rtl-ordering: ;

 webkit-ruby-position: ;

 webkit-tap-highlight-color: ;

 webkit-text-combine: ;

  webkit-text-decorations-in-effect:;

 webkit-text-emphasis: ;

 webkit-text-emphasis-color: ;

 webkit-text-emphasis-position: ;

 webkit-text-emphasis-style: ;

 webkit-text-fill-color: ;

 webkit-text-orientation: ;

 webkit-text-security: ;

 webkit-text-stroke: ;

 webkit-text-stroke-color: ;

 webkit-text-stroke-width: ;

 webkit-transform-origin-x: ;

 webkit-transform-origin-y: ;

 webkit-transform-origin-z: ;

 webkit-user-drag: ;

 webkit-user-modify: ;

 webkit-user-select: ;

 webkit-writing-mode: ;

 widows: ;

 will-change: ;

 writing-mode: ;

  x:;

  y:;

 css-text: ;

 length: ;

 parent-rule: ;

 css-float: ;

 item: ;

 get-property-value: ;

 get-property-priority: ;

 set-property: ;

 remove-property: ;

}