近日，許多學習網頁設計的朋友們在進行CSS的學習，為了加深學習效果，老師安排了CSS入門作業，那么這個作業的答案是什么呢？我們接下來就來一起了解一下吧。

首先，我們先來看一下這道題目的要求：

<div class="box">
<p>這是一個p標簽</p>
<img src="img.jpg" alt="這是一個圖片">
</div>
.box {
width: 500px;
height: 300px;
background-color: #f5f5f5;
margin: 0 auto;
text-align: center;
}
p {
font-size: 24px;
font-weight: bold;
color: #333;
margin-top: 30px;
}
img {
margin-top: 50px;
max-width: 100%;
}

根據題目要求，我們需要在樣式中設置一個寬為500px，高為300px的盒子，同時設置背景色為#f5f5f5，在居中的同時在盒子中間放置一個p標簽和一張圖片。其中，p標簽的大小為24px，顏色為#333，加粗，距離盒子頂部距離為30px；圖片距離p標簽距離為50px，圖片寬度不超過盒子寬度。

那么這個作業的代碼及答案應該是：

<div class="box">
<p>這是一個p標簽</p>
<img src="img.jpg" alt="這是一個圖片">
</div>
.box {
width: 500px;
height: 300px;
background-color: #f5f5f5;
margin: 0 auto;
text-align: center;
}
p {
font-size: 24px;
font-weight: bold;
color: #333;
margin-top: 30px;
}
img {
margin-top: 50px;
max-width: 100%;
}

以上就是CSS入門作業的答案，希望學習網頁設計的朋友們能夠通過這次作業，更好地掌握CSS布局及樣式的使用。