CSS是一種層疊樣式表，它可以為HTML文檔添加各種樣式，以改變樣式表達(dá)的外觀和布局。在網(wǎng)站開發(fā)中，加載CSS文件是非常常見的。下面介紹一些常見的CSS加載中樣式問題。

/* 加載CSS文件前先顯示文本內(nèi)容 */
body {
	display: none;
}

有時(shí)候網(wǎng)頁(yè)內(nèi)容加載比較慢，而CSS文件較大，這時(shí)候頁(yè)面可能會(huì)出現(xiàn)閃爍問題，即頁(yè)面先以無(wú)樣式的方式呈現(xiàn)，等CSS文件加載完成后再顯示樣式。我們可以通過在頁(yè)面全局CSS文件中加入上面的代碼來(lái)解決這種問題，先隱藏所有的文本內(nèi)容，等CSS文件加載完成后再將其顯示。

/* 加載CSS文件時(shí)提示用戶等待 */
body::before {
	content: "Loading...";
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
	background-color: #fff;
	font-size: 36px;
	text-align: center;
}

有些網(wǎng)站可能會(huì)因?yàn)楦鞣N原因?qū)е翪SS文件加載時(shí)間較長(zhǎng)，這時(shí)候最好給用戶一個(gè)提示，告訴他們需要等待。可以通過在body元素前加入一個(gè)偽元素，內(nèi)容為“Loading...”或其它提示信息，將其定位到整個(gè)頁(yè)面并將其覆蓋在上面，等CSS文件加載完成后再將其隱藏。

/* 加載CSS時(shí)限制寬度和高度 */
#content {
	width: 100%;
	height: 100%;
	max-width: 500px;
	max-height: 500px;
	margin: 0 auto;
}

這個(gè)問題主要發(fā)生在移動(dòng)設(shè)備上。如果CSS文件較大，可能會(huì)導(dǎo)致整個(gè)頁(yè)面在加載時(shí)被拉伸到超出設(shè)備屏幕范圍，導(dǎo)致用戶體驗(yàn)變差。我們可以通過給頁(yè)面主要的內(nèi)容區(qū)域限制寬度和高度，使頁(yè)面保持它最初的大小。上面的代碼展示了一個(gè)將頁(yè)面主要內(nèi)容區(qū)域限制寬度和高度的例子。