在前端開發中，我們經常需要使用公共的頭部來提高開發效率。使用公共頭部有助于代碼的復用和維護，可以減少代碼的冗余，提高網站的性能。在實際開發中，我們可以使用CSS來統一管理和控制公共頭部的樣式。

// 公共頭部的CSS樣式
.header {
height: 50px;
width: 100%;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.header .logo {
height: 40px;
margin: 5px 10px;
float: left;
}
.header .nav {
float: right;
margin-top: 15px;
}
.header .nav li {
display: inline-block;
margin-right: 20px;
}
.header .nav li a {
color: #666666;
font-size: 16px;
text-decoration: none;
}
.header .nav li a:hover {
color: #e91e63;
}

在這段代碼中，我們定義了一個class為.header的公共頭部樣式，包括了頭部的高度、寬度、背景顏色和陰影等屬性。同時我們還定義了頭部中logo和導航欄的樣式，其中導航欄的hover效果為改變字體顏色。

在實際開發中，我們可以將這段CSS代碼保存在一個公共的CSS文件中，然后在需要使用的頁面中引用即可。這樣做既可以減少代碼的重復，也可以保證代碼的一致性。

總之，共用公共頭部css是前端開發中的一項基本技能。通過統一管理和控制公共頭部的樣式，可以為我們帶來很多便利和提高開發效率的好處。