关于网页优化的问题

a{
   
 width:20px;/*在默认情况下宽度不起作用*/
 height:20px;/*在默认情况下高度不起作用*/
 background:pink;/*设置背景颜色为粉色*/
 text-align:center; /*设置文本居中显示*/
}
a{
    display:inline-block;
}

a{

display:inline-block

}

a{

    width:20px;

     height:20px;

   background:pink;

   text-align:inline-block;

}

同样的两串代码，后者是不是要比前者在网页优化上面好

浏览器从上往下，默认情况下，读到前者第一部分代码时默认不起作用