在前端开发中，CSS是一种非常重要的技术，在网页设计中扮演着极为关键的角色。作为CSS的一种应用，header在页面中也很常见。那么为什么CSS要分header呢？下面我们来深入分析一下。

首先，CSS中的header是指网页中的头部区域，通常用来展示重要的网站信息、导航菜单等。header的出现，一方面可以方便用户快速了解网站的内容、功能和定位，另一方面也能实现网站的美化和个性化。

其次，将header与其他网页元素分开来，有利于网页文件的组织和维护。在一个较为复杂的网页中，header往往是最重要的部分之一，其样式也可能比其他部分要复杂得多。如果将header与其他部分混在一起，会使得整个页面结构变得复杂混乱，难以维护。通过为header单独设置css样式，并将其与其他元素分开来，一方面可以有效地组织代码，并使得代码简洁易读；另一方面也能在维护时更加方便地进行问题定位和修复。

此外，分离header也有助于提高网站在搜索引擎上的排名。搜索引擎对网页内容的评价是有一定规则的，其中特别重要的一个因素就是网页的可读性。如果页面内容之间的结构混乱，代码繁杂，搜索引擎不仅难以理解也难以给予高级别评价。而将header与其他部分分开来，可以简化代码结构和网页内容，并呈现出更好的可读性，从而得到更好的搜索引擎排名。

综上所述，CSS分header是为了提高设计美观、代码简洁清晰、维护方便以及有助于提升搜索引擎排名等因素的考虑。在页面设计时，我们应该时刻注意这些因素，合理设置header的样式并将其与其他部分分离来实现最优化的页面效果。

.header{
font-size: 24px;
color: #f00;
background-color: #fff;
height: 80px;
line-height: 80px;
text-align: center;
box-shadow: 0 2px 3px #ccc;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}