CSS是一種可以讓網頁呈現出美觀效果的語言，其中文章的圖片與標題內容的呈現也是非常重要的一部分。 在以下代碼中，我們可以看到如何使用CSS來控制文章圖片的大小，位置以及標題內容的字體大小和樣式：

/* 控制文章圖片的大小和位置 */
p img {
width: 50%;
display: block;
margin: 0 auto;
}
/* 控制標題的字體大小和樣式 */
h1 {
font-size: 2em;
font-weight: bold;
text-align: center;
margin: 20px 0;
}

首先，通過選擇器p img來選擇文章中的圖片元素，我們可以將其寬度設置為50%，同時將其居中顯示，以達到更好的視覺效果。 其次，通過選擇器h1來選擇文章中的標題元素，我們可以將其字體大小設置為2em，同時設置字體加粗、居中顯示以及在標題上方與下方各留出20像素的空白。 通過以上操作，我們可以達到更好的文章排版效果，讓讀者更加容易讀懂和瀏覽文章。