CSS文章列表前有點是一種常用的排版方式，可以使得文章更加整潔美觀。這種排版方式主要就是在每個文章條目前面添加一個小點，以此來區分不同條目，并且讓整個列表看起來更加清晰。
要實現這種效果，需要使用CSS中的list-style-type屬性，通過該屬性可以設置列表項前面的標志符號，常見的標志符號包括實心圓點、空心圓點、實心正方形等。其中，最常用的就是實心圓點，代碼如下：
pre {
margin: 0;
padding: 0;
}
ul {
list-style-type: disc;
margin: 0;
padding: 0;
}
li {
margin-left: 1em;
}
在上面的代碼中，我們首先對pre、ul和li標簽進行了一些樣式設置。其中，pre標簽是為了使得代碼塊在顯示時更加美觀整潔；ul和li標簽則是為了設置列表的樣式。具體來說，我們將列表項前面的符號設置為實心圓點，然后設置ul和li標簽的margin和padding都為0，以此消除默認的樣式。最后，我們還設置了li標簽的margin-left為1em，目的是為了讓每一項都向右縮進一定的距離，以便讓實心圓點在視覺上更加突出。
總之，通過CSS設置文章列表前有點是一件非常簡單的事情，只需要使用list-style-type屬性即可。正確設置樣式可以使得文章列表更加美觀，從而提升網站的整體形象。