隨著web應用等互聯網技術的不斷發展，性能優化變得越來越重要。其中，css對性能的影響就需要特別注意。在編寫css規則時，需要注意以下幾個方面。

首先，選擇器的性能影響非常大。過于復雜的選擇器會導致渲染性能下降。盡量減少使用后代選擇器，盡可能地使用子選擇器和相鄰選擇器。

/* bad */
.container a span{
color: red;
}
/* good */
.container > a + span{
color: red;
}

其次，css樣式表的文件大小也會影響性能。過大的文件會導致頁面加載速度變慢。可以使用css預處理器來減小文件大小，如sass和less等。

/* sass示例 */
$primary-color: #333;
.container{
color: $primary-color;
}

最后，還需要特別注意css屬性的使用。某些屬性會影響布局和渲染性能，例如box-shadow和border-radius等。使用動畫效果時，應盡量使用css3動畫，避免使用JavaScript實現。

/* 不好的動畫效果 */
$(function(){
$('.box').click(function(){
$(this).animate({left: '300px'}, 500);
});
});
/* 好的動畫效果 */
.box{
position: relative;
transition: left 0.5s;
}
.box:hover{
left: 300px;
}

綜上所述，css對性能的影響較大。在編寫css規則時，需要注意選擇器的復雜度、文件大小及css屬性的使用。只有遵循這些規則，才能使頁面的性能達到最優。