本文將介紹3個常用的CSS樣式文件，它們是normalize.css、reset.css和bootstrap.css。 第一個樣式文件是normalize.css，它是由一位前端開發者 Nicolas Gallagher 和另一位設計師 Jonathan Neal 共同開發的。它的目的是讓CSS在各個瀏覽器中具有一致的表現，消除了各瀏覽器之間的差異，解決了不同瀏覽器對元素默認樣式的差異。下面是normalize.css的部分代碼：

/**
 * 1. 讓元素的border-box值為border-box，而不是content-box
 * 2. 讓元素在瀏覽器的默認樣式下更加一致
 * 3. 優化font-size在不同瀏覽器中的顯示
 * ...
 */
html {
box-sizing: border-box;
font-size: 62.5%;
}
*
{
box-sizing: inherit;
margin: 0;
padding: 0;
}
...

第二個樣式文件是reset.css，它的作用和normalize.css類似，都是消除瀏覽器默認樣式的差異。reset.css的作者是Eric Meyer。下面是reset.css的部分代碼：

/**
 * 所有元素的margin、padding值歸零
 * 讓元素的border-box值為border-box，而不是content-box
 * 所有元素的font-size值設為16px
 * ...
 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
...

第三個樣式文件是bootstrap.css。Bootstrap是一個開源的前端框架，它提供了一系列的UI組件和CSS樣式，旨在讓開發者能夠快速搭建和美化網站。下面是bootstrap.css的部分代碼：

/**
 * 定義全局的樣式，比如各元素的默認字體大小、顏色、背景顏色等
 * 定義頭部、導航欄、按鈕、表格等常用的UI組件樣式
 * 對于響應式網站，還有對于不同分辨率的設備的適應樣式
 * ...
 */
body {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #f5f5f5;
}
...
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
...

以上是三個常用的CSS樣式文件，它們都有著提高開發效率和代碼一致性的作用，開發者可以根據項目需求選擇使用其中的一個或者多個。