/* example.css */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1, h2, h3 {
font-weight: bold;
color: #333;
}
.container {
width: 960px;
margin: 0 auto;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #0080ff;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
/* ... */如上所示，通过在pre标签内放置CSS代码，可以使代码保持其原有的格式和排版，排版的调整只需要在CSS文件中进行即可。通过在代码上方使用注释说明代码的作用和用途，可以提高代码的可读性，方便其他开发者阅读和理解代码。
另外，对于长的CSS文件，可以考虑将其分为多个文件，并使用@import语句将其导入主文件。这样可以使代码分模块编写，增加代码的可维护性和可读性。
总的来说，CSS是网页设计中非常重要的一环，通过使用pre标签将CSS代码呈现在桌面上，可以方便查看和编辑，从而提高开发效率和代码质量。