在前端開發中，經常需要使用到div標簽來創建各種頁面布局。而在div標簽中添加元素后，為了實現更好的顯示效果，我們需要對這些元素進行CSS樣式的設置。下面我們將一步步來介紹如何在div里面的元素加CSS。

div{
width: 100%;
height: 400px;
background-color: #f4f4f4;
}
div h1{
font-size: 32px;
text-align: center;
margin-top: 80px;
}
div ul{
list-style: none;
margin: 0;
padding: 0;
}
div li{
display: inline-block;
margin: 10px;
font-size: 16px;
padding: 5px;
background-color: #333;
color: #fff;
}

以上是一個簡單的CSS樣式設置，現在我們來解釋一下這些代碼。

首先，我們定義了一個div元素，并設置它的寬度為100%、高度為400px、背景顏色為#f4f4f4。

接著，我們對div元素中的h1元素進行設置，將它的文字大小設置為32px、對齊方式居中、上邊距為80px。

對于ul元素，我們設定了無序列表樣式，將內邊距和外邊距都設置為0。

最后，我們對li元素進行樣式設置，將它的顯示方式設置為inline-block、設置內邊距外邊距為10px，并設定了文字大小、背景顏色和文字顏色等。

這樣，我們就完成了在div里面的元素加CSS樣式的設置。掌握好CSS的使用，可以讓我們更加靈活地布局頁面，實現更好的顯示效果。