現在建站都流行DIV+CSS了,之前很多網站都是使用table表格嵌套,浏覽器加載時只有加載完壹個TABLE才會顯示出網頁,給人感覺網站速度不是很快,回到正題,爲什麽現在建站都改用DIV+CSS了呢?其實使用樣式表對于網站優化和提升網頁品質很重要。下面對使用CSS和不是用CSS的網頁做壹下對比:
請勿使用 font 標簽
應使用 CSS 來設置顯示網頁上的字體尺寸。請不要使用 font 標簽。使用 <font> 標簽會增加文檔的規模,而且使您每次改變標准文字尺寸的工作成爲壹場夢魇。
請設想壹下下面的情況:壹天您決定修改網站中所有標題的顔色和尺寸。通過 CSS,您只需要修改壹行就可以做到這壹點。假如您使用了 <font>標簽,那麽您需要把網站中所有頁面的所有標題都修改壹遍。使用CSS樣式表替代 <font> 標簽可使我們更輕松地爲網頁制作高質量的界面。
請勿使用固定的字體尺寸
不要使用固定的尺寸值。請始終使用相對的尺寸值。這項建議最重要的理由是無法通過浏覽器重新調整固定尺寸的大小。您的訪問者會使用不同的設備(顯示器)、不同的浏覽環境(光線)以及可能的殘疾(弱視)。例如,可以把某人的文字尺寸設置爲100%(或者 medium ),主標題設置爲140%(或者 x-large ),而次級的標題設置爲120%(或者 large ),這樣用戶就可以使用浏覽器來重新設定最喜歡的尺寸了。通過調整網頁的文本尺寸的功能,也可以改變打印頁面的文字數目。
請勿使用很小的默認字體尺寸
壹些網站會使用很小的文字尺寸,這樣就可以向每張頁面“塞”入更多的內容,或者使頁面看上去更“時髦”。再次重申,使用不同的設備(顯示器)、不同的浏覽環境(光線)以及可能的殘疾(弱視),都可能對用戶造成閱讀障礙,影響用戶的體驗度。
請不要逼迫用戶每次訪問妳的站點時都要放大文本的尺寸。
始終使用壹致的背景顔色
大部分網頁都會爲不同的文本元素使用顔色。標題和鏈接的顔色通常與正文的文本顔色是不同的。作爲壹位 web 設計者,您應當意識到的事實是,您的訪問者能夠修改默認的顔色選項。如果您爲 web 元素定義了顔色,那麽同樣應當定義背景顔色。如果不定義背景顔色,那麽您的網站可能會被糟糕的顔色組合搞砸(比如紅色背景上面的亮紅文字,或者深色文本搭配的深色背景)。這樣如果您不規定背景顔色,可能會使網頁文本很難被識別。這樣對用戶的體驗度很不好,用戶通過搜索引擎搜索到妳的文章,打開壹看,文字背景壹個顔色,不僅看不清字,而且還讓人感覺不舒服,所以不管妳是建站還是做網站優化都不要忽略用戶的體驗度。 |