css建议遵循以下顺序

css建议遵循以下顺序：

1.布局定位属性：display/position/float/clear/visiblity/overflow(建议display第一个写，关系到模式)
2.自身属性：width/height/margin/padding/border/background
3.文本属性：color/font/text-decoration/text-align/vertical-align/white-space/break-word
4.其他属性（CSS3）：content/cursor/border-radius/box-shadow/text-shadow/background:linear-gradient

1.布局定位属性：
display: block块元素（div）/inline内联元素（span）/inline-block行内块元素/none
position：static定位（默认选项）/fixed固定定位/relative相对定位/absolute绝对定位/sticky粘性定位
float:left(左浮动)/right（右浮动）/none（默认值）/inherit(从父元素继承float)
clear：none（默认值。允许两边都有浮动对象）/left:不允许左边有浮动对象/right：不允许右边有浮动对象/both：不允许有浮动对象
visiblilty:一个属性是否可见得 yes
overflow：visible（默认值，内容不会被修剪，会呈现在元素框之外）/hidden内容会被修建，并且其余内容不可见/scroll内容会被修剪但是浏览器会显示滚动条以便查看剩余内容/auto如果内容被修剪，则浏览器会显示滚动条以便查看其余得内容/inherit规定一共从父元素继承overflow得值
2.自身属性
width:宽度 px cm 百分比
height：高度 px cm 百分比
margin：外边距
padding：内边距
border：边框 border-width border-style border-color
background: background-color/background-position/background-size/background-size/background-repeat/background-origin/background-clip/background-attachment/background-image
3.文本属性
color：颜色/rbga()
font:font-style/font-variant/font-weight/font-size/line-height/font-family
text-decoration:none (默认文本)/underline(定义文本下得一条线)/overline（定义文本上得一条线）/line-through(定义穿过文本下得一条线)/blink（定义闪烁得文本）/inherit（规定应该从父元素继承text-decoration属性得值）
text-aling:文本中文本得水平对齐方式 left/right/center/justify/inherit
vertical-align:垂直对齐方式 baseline（默认）/sub(垂直对齐文本得下标)/super（垂直对齐文本得上标）/top（把元素得顶端与行中最高元素得顶端对齐）/text-top（把元素顶端与父元素字体得顶端对齐）/middle（把此元素防止在父元素得中部）/bottom（把元素得顶端与行中最低得元素顶端对齐）/length（长度单位）/%（使用line-height）属性得百分比值来排列此元素。允许使用负数/inherit(规定应该从父元素vertical-align属性得值)
white-space:空格处理 normal（合并空格）/nowrap(合并空格，但是不换行)/pre-wrep(保留源码中得空格，有几个空格显示几个空格，同时换行只人源码中得换行和
)/pre-line(保留空格换行)标志
break-word:自动换行处理 normal（按照浏览器默认的换行规则）/break-all(允许在单词内换行)/keep-all（只能在半角空格或者连字符除换行）
4.其他属性：
content：normal（）
cursor:定义鼠标放在一个元素范围内时所使用的光标形状
url(需使用的自定义光标的URL)/default（默认光标 通常是箭头）/auto（默认 浏览器设置的光标）/crosshairs（光标呈现为十字线）/pointer（光标呈现为知识链接的指针 一只手）/move（光标知识某对象可被移动）/e-resize（此光标知识某对象可以被向右移动）/ne-resize（上和右 北/东)/nw-resize(向上及向左移动)/nw-resize(上左)/se-resize(下右)/sw(下左)/s-resize(下)/w-resize(左)/text(光标指示文本)/wait（程序正忙）/help
border-radius:向div元素添加圆角边框 border-radius:2em == border-top-left-radius:2em;border-top-right:2em;border-bottom-right-radius:2em;border-bottom-left-radius:2em;/border-radius: 2em 1em 4em / 0.5em 3em == border-top-radius: 2em 0.5em;border-top-right-radius: 1em 3em;border-bottom-right-radius: 4em 0.5em;border-bottom-left-radius: 1em 3em;
box-shadow:h-shadow(必须 水平阴影的位置，允许负值) v-shadow(必须 垂直阴影的位置，允许复制) blur(可选。模糊距离) spread(可选。阴影的尺寸) color（可选。阴影的颜色） inset（可选 将外部阴影改为内部阴影）
text-shadow:属性向文本设置阴影 h-shadow（必须。水品阴影的位置。允许负值） v-shadow(必须。垂直阴影的位置。允许负值) blur(可选。模糊的距离) color(可选。阴影的颜色)
background:简写属性在一个属性中设置所有的背景属性 background-color（背景元素）;background-position（背景图片的位置）;background-size（背景图片的尺寸）;background-repeat（规定如何重复背景图像）;background-origin（背景图片的定位区域）;background-clip（背景的绘制区域）;background-attachment（规定背景图像是否固定或者随着页面的区域部分滚动）;background-image（使用的背景图像）;inherit（从副属性继承background的属性）
linear-gradient:渐变