在前端開發過程中，我們經常會使用reset.css樣式來消除瀏覽器默認樣式，讓頁面在不同瀏覽器中呈現一致的效果。

這種樣式表的原理很簡單，就是將所有元素的默認樣式全部清除，并重新為它們設置一系列基本樣式，以確保頁面元素的布局和樣式在各個瀏覽器中表現一致。

/* 重置所有元素的默認樣式 */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, 
fieldset, legend, label, input, textarea, button, select, option, img { 
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* 重置可繼承樣式屬性 */
body {
line-height: 1;
}
/* 設置基本樣式 */
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 圖片等元素去除添加陰影效果 */
img {
display: inline-block;
border: none; 
vertical-align: middle;
}

上面的代碼是一個基本的reset.css文件，其中包含了清除所有元素默認樣式以及一些基本樣式的設置。當我們使用reset.css時，建議將其加在所有樣式文件的前面，確保其生效。

需要注意的是，reset.css不一定適用于所有情況，有些情況下我們需要保留瀏覽器的默認樣式，或者根據具體情況適當地調整樣式。因此，在使用reset.css時，需要具體情況具體分析，靈活運用。