CSS是一種樣式表語言，它用于控制HTML文檔的布局和外觀。但是，CSS除了控制HTML文檔的外觀之外，還可以輸出HTML代碼。

CSS輸出HTML代碼的方法是通過“content”屬性，該屬性只對偽元素起作用。例如，我們可以使用before和after偽元素來控制輸入框的前后內容。

.input-field:before {
content: "姓名: ";
font-weight: bold;
}
.input-field:after {
content: "(必填)";
color: red;
}

在這個例子中，我們使用了before和after偽元素來控制輸入框前后的內容。通過設置“content”屬性，我們可以輸出HTML代碼。

此外，我們還可以使用CSS的 counter-increment 和 content 屬性來生成序號。下面是一個簡單的例子：

ol {
counter-reset: item;
list-style: none; 
}
li:before {
content: counter(item) ". ";
counter-increment: item;
}

在這個例子中，我們使用counter-reset屬性來定義一個名為“item”的計數器。然后，通過設置“content”屬性和“counter-increment”屬性，我們可以輸出帶序號的列表。

總之，CSS不僅可以控制HTML文檔的外觀，還可以輸出HTML代碼。通過使用“content”屬性和偽元素，我們可以更好地控制和定制HTML代碼的生成。