在網站設計當中，我們常常需要使用圖片和文案來描述網站的內容和功能。而在HTML和CSS的編寫當中，我們常常需要使用子元素來控制圖片和文案的位置、大小和樣式。下面就讓我們來詳細了解一下CSS子元素圖片文案。

<div class="container">
<img src="image.jpg" class="img">
<h2 class="title">這是標題</h2>
<p class="description">這是描述</p>
</div>

如上所示，我們在一個div元素中使用了圖片、標題和描述。接下來我們就可以使用CSS來控制這些子元素的樣式。

.container {
max-width: 960px;
margin: 0 auto;
}
.img {
width: 100%;
display: block;
margin: 0 auto;
}
.title {
font-size: 32px;
font-weight: bold;
color: #333;
text-align: center;
margin-top: 20px;
}
.description {
font-size: 18px;
color: #666;
text-align: center;
margin-top: 10px;
}

在CSS中，我們添加了一些樣式來控制圖片、標題和描述的樣式。其中max-width、margin、display、font-size、font-weight、color、text-align和margin-top都是常用的CSS屬性。

總的來說，對于CSS子元素圖片文案的控制，我們需要使用HTML來添加子元素，使用CSS來控制子元素的樣式。通過合理地控制這些子元素的樣式，可以讓網站更加美觀和易讀。