Web 品質-樣式表
使用樣式表對於提升網頁品質至關重要。
不要使用 標籤!
應使用 CSS 來設置顯示網頁上的字體尺寸。請不要使用 font 標籤。
使用 標籤會增加文檔的規模,而且使您每次改變標準文字尺寸的工作成為一場夢魘。
請設想一下下面的情況:
一天您決定修改網站中所有標題的顏色和尺寸。通過 CSS,您只需要修改一行就可以做到這一點。假如您使用了 標籤,那麼您需要把網站中所有頁面的所有標題都修改一遍。
使用樣式替代 標籤可使我們更輕鬆地為網頁製作高質量的界面。
請勿使用固定的字體尺寸
不要使用固定的尺寸值。請始終使用相對的尺寸值。
這項建議最重要的理由是無法通過瀏覽器重新調整固定尺寸的大小。
您的訪問者會使用不同的設備(顯示器)、不同的瀏覽環境(光線)以及可能的殘疾(弱視)。
例如,可以把某人的文字尺寸設置為100%(或者 medium ),主標題設置為140%(或者 x-large ),而次級的標題設置為120%(或者 large ),這樣用戶就可以使用瀏覽器來重新設定最喜歡的尺寸了。
注意: 通過調整網頁的文本尺寸的功能,也可以改變列印頁面的文字數目。
請勿使用很小的默認字體尺寸
一些網站會使用很小的文字尺寸,這樣就可以向每張頁面"塞"入更多的內容,或者使頁面看上去更"時髦"。
再次重申,使用不同的設備(顯示器)、不同的瀏覽環境(光線)以及可能的殘疾(弱視),都可能對用戶造成閱讀障礙。
請不要逼迫用戶每次訪問你的站點時都要放大文本的尺寸。
始終使用一致的背景顏色
大部分網頁都會為不同的文本元素使用顏色。標題和鏈接的顏色通常與正文的文本顏色是不同的。
作為一位 web 設計者,您應當意識到的事實是,您的訪問者能夠修改默認的顏色選項。
如果您為 web 元素定義了顏色,那麼同樣應當定義背景顏色。
如果不定義背景顏色,那麼您的網站可能會被糟糕的顏色組合搞砸(比如紅色背景上面的亮紅文字,或者深色文本搭配的深色背景)。
如果您不規定背景顏色,可能會使文本很難被識別。
![](https://pic.pimg.tw/zzuyanan/1488615166-1259157397.png)
![](https://pic.pimg.tw/zzuyanan/1482887990-2595557020.jpg)
※Web 品質-重要的 HTML 元素
※TCP/IP 協議
※TCP/IP 郵件
※W3C 簡介
※網站主機 技術
TAG:程序員小新人學習 |
※Web 品質之樣式表
※iview table表格的自定義樣式
※CSS樣式表
※Vue: scoped 樣式與 CSS Module 對比
※HTML標籤和CSS樣式列表
※Off-White推出品牌經典工業腰帶樣式拖鞋、Gucci全新GG Logo印花天鵝絨腰包上架
※Arch-Wiki-Man:一個以 Linux手冊樣式離線瀏覽 Arch Wiki 的工具
※SQL樣式指南 · SQL Style Guide
※css選擇器設置標籤樣式
※淺談Photoshop中圖層樣式的應用
※推薦 9 個樣式化組件的 React UI 庫
※近賞 Nissan 聯手 Italdesign 打造日產 GT-R50 藍色樣式
※JQury datatables 改變處理中 顯示樣式
※e-office10門戶樣式操作——更改個性設置
※Adidas Harden Vol.2 黑白樣式搶先一覽
※Word排版神器,打造你專屬的默認樣式模板
※A BATHING APE? 攜手 Formula 1 打造粉紅迷彩樣式車型
※js動態改變css偽類樣式
※微軟正在Windows 10測試版里對開始菜單樣式進行調整
※Adobe XD設計系統再更新 幫助用戶輕鬆管理可重用顏色、字元樣式及組件