在CSS中，標簽關系很重要。這些關系可以幫助我們更好地布局我們的網站并使其看起來更好。

.header {
width: 100%;
background-color: #333;
}
.logo {
width: 100px;
height: 100px;
background-image: url('logo.png');
background-repeat: no-repeat;
background-size: contain;
float: left;
}
.nav {
float: right;
}
.nav a {
margin-right: 20px;
color: #fff;
text-decoration: none;
}
.clearfix::after {
content: '';
display: block;
clear: both;
}

上面的代碼演示了在一個頭部導航欄中如何使用標簽關系。我們使用了logo和nav兩個div，其中logo div使用了float屬性來使其左對齊，而nav div使用了float屬性使其右對齊。在nav div中，我們選擇所有的a標簽來設置樣式。最后，我們使用了一個clearfix div來清除浮動并確保頭部導航欄正常顯示。

此外，在css中還有其他標簽關系，如子元素關系（子選擇器），后代元素關系（后代選擇器）和相鄰兄弟元素關系（相鄰兄弟選擇器）。這些關系可以幫助我們更好地選擇和設置樣式。

.parent >.child {
/* 子元素關系 */
}
.parent .descendant {
/* 后代元素關系 */
}
.elem + .elem {
/* 相鄰兄弟元素關系 */
}

上面的代碼演示了如何使用子元素關系，后代元素關系和相鄰兄弟元素關系。子元素選擇器（>)選擇直接子元素，而后代選擇器選擇所有后代元素。相鄰兄弟選擇器選擇下一個相鄰的兄弟元素。

標簽關系是CSS中非常重要的概念。掌握這些關系可以使我們更好地布局我們的網站并使其看起來更好。