CSS是網頁的外觀設計師，可以讓網頁看起來更加美觀。但是，CSS屬性并非都可以繼承，每個CSS屬性對于父元素及其子元素的關系都有所不同。下面我們來看一下，CSS屬性中哪些可以被子元素繼承。

代碼示例：

1. color屬性

代碼示例：
父元素：
div {
color: red;
}
子元素：
p {
/* 文本顏色將繼承自父元素的顏色為red */
}

2. font屬性（包括font-size，font-style，font-weight等）

代碼示例：
父元素：
div {
font-size: 24px;
font-weight: bold;
font-style: italic;
}
子元素：
p {
/* 字體大小、粗細、樣式均繼承自父元素 */
}

3. text屬性（包括text-align，text-indent等）

代碼示例：
父元素：
div {
text-align: center;
text-indent: 2em;
}
子元素：
p {
/* 文本居中和首行縮進均繼承自父元素 */
}

4. line-height屬性

代碼示例：
父元素：
div {
line-height: 2;
}
子元素：
p {
/* 行高將繼承父元素的值2 */
}

5. visibility屬性

代碼示例：
父元素：
div {
visibility: hidden;
}
子元素：
p {
/* 在父元素被隱藏的情況下，子元素也會被隱藏 */
}

總之，父元素應用了這些屬性，子元素將會繼承它們的值，這將使得CSS代碼更加簡潔和易于維護。