在CSS3中，附號（::before和::after）是一個非常強大且有用的屬性，它允許我們在一個元素的內容前或后添加額外的內容，使得我們可以在不改變HTML標記的情況下增加一些特殊的視覺效果。

.box::before {
content: ' ';
display: inline-block;
width: 10px;
height: 10px;
background-color: red;
margin-right: 5px;
}

以上代碼是添加一個小紅色的正方形圖標，這個圖標是通過在.box元素的前面添加一個附號來完成的。通過使用content屬性，我們可以在:before或:after偽元素中添加任何我們想要的內容。在上面的例子中，我們只是簡單地添加了一個空格，它的寬度和高度是10像素。我們還可以添加文字、圖像等任何內容。

通過偽元素的使用，我們可以創建出全新的設計效果，例如標簽樣式、箭頭、氣泡和計數器等等。偽元素也可以用于創建交互體驗，例如進度條、提示信息和錯誤提示。

需要注意的是，在添加附號時，還需要設置display屬性和position屬性。通常，我們需要將display設置為inline-block（或block）使得偽元素與其他元素在同一行展示，position設置為absolute或fixed，以使偽元素與其他內容分離開來。

總結而言，偽元素是一個非常有趣和強大的CSS3屬性，它可以讓我們在網站設計中增加很多新的特效和交互效果。如果你想成為一個優秀的前端工程師，那么你一定要牢記這個重要的CSS3屬性！