初學者在進行網(wǎng)頁制作時，有時候會發(fā)現(xiàn)自己寫的 CSS 樣式不起作用，頁面顯示效果不如預期。這個時候，騰訊推出了初始化 CSS 文件，可以很好地解決這個問題。

騰訊的初始化 CSS 文件主要包含了 CSS reset 和 CSS 基礎(chǔ)樣式，可以讓網(wǎng)頁在不同瀏覽器中的顯示表現(xiàn)更加統(tǒng)一。

/* CSS Reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px/1.5 Arial,Helvetica,\5b8b\4f53,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:couriernew,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#c00;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input, select, textarea {font-size:100%;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
/* 基礎(chǔ)樣式 */
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.hidden{display:none;}
.fl{float:left;}
.fr{float:right;}
.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
input[type="text"],input[type="password"],textarea{outline:none;border:1px solid #ccc;padding:3px 5px;}
input[type="submit"],button{cursor:pointer;}
fieldset,legend{border:0;}
select{outline:none;border:none;}
a:active,a:hover,ul li.current a{color:#c00;}

上面的代碼就是騰訊初始化 CSS 文件的內(nèi)容了，我們只需要將其復制到自己的樣式表中，就可以有效地解決頁面顯示效果不如預期的問題了。