CSS一些规范

1. 属性的书写顺序（推荐）, 举个例子：

<style>
    .hotel-content {
         /* 定位 */
         display: block;
         position: absolute;
         left: 0;
         top: 0;
         /* 盒模型 */
         width: 50px;
         height: 50px;
         margin: 10px;
         border: 1px solid black;
         / *其他* /
         color: #efefef;
     }
</style>

<script>
    window.g_config = {
        devId: 'pc',
        headerVersion: '1.4.0',
        loadModulesLater: true,
         bizId: 'mallfp', 
        
        sl: 'node'
    };
</script>

定位相关, 常见的有：display position left top float 等
盒模型相关, 常见的有：width height margin padding border 等
其他属性

按照这样的顺序书写可见提升浏览器渲染dom的性能
简单举个例子，网页中的图片，如果没有设置width和height，在图片载入之前，他所占的空间为0，但是当他加载完毕之后，那块为0的空间突然被撑开了，这样会导致，他下面的元素重新排列和渲染，造成重绘（repaint）和回流（reflow）。我们在写css的时候，把元素的定位放在前头，首先让浏览器知道该元素是在文本流内还是外，具体在页面的哪个部位，接着让浏览器知道他们的宽度和高度，border等这些占用空间的属性，其他的属性都是在这个固定的区域内渲染的，差不多就是这个意思吧~(@frec)