完美網頁設計應用:用CSS靈活設定字型

來源:互聯網
上載者:User
css|設計|網頁|網頁設計

  用DIV+CSS來寫網站結構也有一段時間,在此過程中發現有時候需要把字型設定成比12px,而比14px小的字型(13px在IE中無法區分出大小來和12px一樣)。今天發現用 font-size:small; 可以很好控制好字型的大小。

  首先設定一個基礎值在標籤中

body{font-size:small;}

  以這個字型大小為基礎,在其他標籤中設定百分比

h1{font-size:120%;}
h2{ font-size:110%;}
note{font-size:80%;}

  隨著基礎值的改變,其他字型也都會跟著改變,要修改的時候只需要修改body裡的基礎值。

  用small作為基礎值可以使使用者根據喜好隨意調整大小,使用者的調整不影響整體字型的比例失調。同時,當你按下Ctrl+滾動滑鼠中鍵時,還可以縮放頁面的字型大小。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。