CSS 스타일 작성 순서

"위치",

"상단",

"오른쪽",

"하단",

"왼쪽",

"z-index",

"디스플레이",

"float",

"너비",

"최소 너비" ,

"최대 너비",

"높이",

"최소 높이",

"최대 높이",

"-webkit-box-sizing",

"-moz-box-sizing",

"box-sizing",

"-webkit-appearance ",

"padding",

"padding-top",

"padding-right",

"padding-bottom",

"padding-left",

"margin",

"margin-top",

"margin-right",

"margin-bottom",

"margin-left",

"overflow",

"overflow-x",

"overflow-y ",

"-webkit-overflow-scrolling",

"-ms-overflow-x",

"-ms-overflow-y",

"-ms-overflow-style",

"클립",

"지우기",

"글꼴",

"글꼴 -family",

"글꼴 크기",

"글꼴 스타일",

"글꼴 두께",

"글꼴 변형 ",

"글꼴 크기 조정",

"글꼴 늘이기",

"글꼴 효과",

"글꼴 강조 ",

"글꼴 강조 위치",

"글꼴 강조 스타일",

"글꼴-부드러움",

"- webkit-hyphens",

"-moz-hyphens",

"하이픈",

"line-height",

"color",

"텍스트 정렬",

"-webkit-text-align-last",

"-moz-text-align-last",

"-ms-text-align-last",

"text-align-last",

"text-emphasis",

"text-emphasis- 색상",

"텍스트 강조 스타일",

"텍스트 강조 위치",

"텍스트 장식",

" text-indent",

"text-justify",

"text-outline",

"-ms-text-overflow",

"text-overflow",

"text-overflow-ellipsis",

"text-overflow-mode",

"text-shadow",

"텍스트 변환",

"텍스트 포장",

"-webkit-text-size-adjust",

"-ms-text-size -adjust",

"문자 간격",

"-ms-word-break",

"단어 구분",

" word-spacing",

"-ms-word-wrap",

"word-wrap",

"-moz-tab-size",

"-o-tab-size",

"tab-size",

"white-space",

"vertical-align",

"목록 스타일",

"목록 스타일 위치",

"목록 스타일 유형",

"목록 스타일 이미지 ",

"포인터 이벤트",

"-ms-touch-action",

"터치-액션",

"커서" ,

"가시성",

"확대/축소",

"flex-direction",

"flex-order",

"flex-pack",

"flex-align",

"table-layout",

"empty-cells",

" caption-side",

"border-spacing",

"border-collapse",

"content",

"quotes",

"카운터 재설정",

"카운터 증가",

"크기 조정",

"-webkit-user-select",

"-moz-user-select",

"-ms-user-select",

"-o-user-select",

" user-select",

"nav-index",

"nav-up",

"nav-right",

"nav- 아래로",

"nav-left",

"배경",

"배경색",

"배경 이미지",

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

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

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

"필터",

"배경 반복",

"배경 첨부",

"배경 -위치",

"배경 위치-x",

"배경 위치-y",

"-webkit-배경-클립",

"-moz-배경-클립",

"배경-클립",

"배경-원본",

"-webkit-배경-크기" ,

"-moz-배경 크기",

"-o-배경 크기",

"배경 크기",

" border",

"border-color",

"border-style",

"border-width",

"border-top" ,

"테두리 상단 색상",

"테두리 상단 스타일",

"테두리 상단 너비",

"테두리 오른쪽",

"테두리 오른쪽 색상",

"테두리 오른쪽 스타일" ,

"테두리-오른쪽 너비",

"테두리-하단",

"테두리-하단-색상",

"테두리- 하단 스타일",

"테두리 하단 너비",

"테두리 왼쪽",

"테두리 왼쪽 색상",

"테두리 왼쪽 스타일",

"테두리 왼쪽 너비",

"테두리 반경",

"테두리 왼쪽 상단 반경" ,

"테두리-상단-오른쪽-반경",

"테두리-하단-오른쪽-반경",

"테두리-하단-왼쪽-반경",

"-webkit-border-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- 이미지-슬라이스",

"-o-border-image-slice",

"테두리-이미지-슬라이스",

"-webkit-border-image- width",

"-moz-border-image-width",

"-o-border-image-width",

"border-image-width" ,

"-webkit-border-image-outset",

"-moz-border-image-outset",

"-o-border-image-outset ",

"border-image-outset",

"-webkit-border-image-repeat",

"-moz-border-image-repeat",

"-o-border-image-repeat",

"border-image-repeat",

"개요",

"개요- width",

"outline-style",

"outline-color",

"outline-offset",

"-webkit-box -shadow",

"-moz-box-shadow",

"box-shadow",

"filter:progid:DXImageTransform.Microsoft.Alpha(불투명도" ,

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

"불투명도",

"-ms-interpolation-mode",

"-webkit-transition",

"-moz-transition",

"-ms-transition",

"-o-transition" ,

"전환",

"-webkit-transition-delay",

"-moz-transition-delay",

"-ms -전환 지연",

"-o-전환-지연",

"전환 지연",

"-webkit-transition-timing-function",

"-moz-transition-timing-function",

"-ms-transition-timing-function",

"-o-transition-timing-function" ,

"전환 타이밍 기능",

"-webkit-transition-duration",

"-moz-transition-duration",

"-ms-전환 기간",

"-o-전환 기간",

"전환 기간",

"-webkit-transition-property ",

"-moz-transition-property",

"-ms-transition-property",

"-o-transition-property",

"전환 속성",

"-webkit-transform",

"-moz-transform",

"-ms-transform",

"-o-transform",

"변형",

"-webkit-transform-origin",

"-moz-transform-origin" ,

"-ms-transform-origin",

"-o-transform-origin",

"transform-origin",

" -webkit-animation",

"-moz-animation",

"-ms-animation",

"-o-animation",

"애니메이션",

"-webkit-animation-name",

"-moz-animation-name",

"-ms-animation-name",

"-o-animation-name",

"animation-name",

"-webkit-animation-duration",

"- moz-animation-duration",

"-ms-animation-duration",

"-o-animation-duration",

"animation-duration",

"-webkit-animation-play-state",

"-moz-animation-play-state",

"-ms-animation-play-state",

"-o-animation-play-state",

"animation-play-state",

"-webkit-animation-timing-function",

"-moz-animation-timing-function",

"-ms-animation-timing-function",

"-o-animation-timing-function",

"애니메이션 타이밍 기능",

"-webkit-animation-delay",

"-moz-animation-delay",

" -ms-animation-delay",

"-o-animation-delay",

"animation-delay",

"-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",

"-ms-animation-direction",

"-o-animation-direction",

"animation-direction"

CSS 스타일 작성 순서에 관한 더 많은 글은 PHP 중국어 홈페이지를 주목해주세요!