網頁設計中常用的度量單位的介紹與比較

2022-09-25 11:51:12 字數 925 閱讀 9486

在網頁中對網頁元素的大小修飾除了數值大小外,還有就是度量單位的選擇了。不同的度量單位會有哪些不同的效果呢?首先我們了解下網頁設計中的各類單位及說明。原文鏈結

畫素(px)

根據顯示器的解析度來確定長度,在web應用中多採用該單位;

點數(pt)

根據windows系統定義的字型大小大小來確定長度;

英吋(in)、厘公尺(cm)和公釐(mm)

根據顯示的實際尺寸來確定長度。此類單位不隨顯示器解析度的改變而改變;

12pt字(pc)

即windows系統定義的12字型大小大小程式設計客棧為單位(1pc=12pt)。該單位前輸入的數字表示字型大小大小的倍數。如表示文字大小為24pt;

以上單位均為定值,改變瀏覽器中瀏覽文字大小不會對應用這些單位的文字產生變化。

字型高(em)

表示當前文字的尺寸。如是指文字大小為原來的2倍;

字型x的高(ex)

表示當前字母「x」的高度;

% 是以當前文字的百分比定義尺寸。如是指文字大小為原來的2倍;

網頁中各度量單位的在網頁中的檢視比較

複製**

**如下:

程式設計客棧2312" />

正常字型大小,12畫素(px)的大小,14畫素的大小

正常字型大小,12點數(pt)的大小,14點數的大小

正常字型大小,1英吋(in)的大小,

正常字型大小,12點數(pt)的大小 = 1個12pt字(1pc)的大小,">2個12pt字(2pc)的大小

正常字型大小,2個字型高(em)的大小

正常字型大小,cnbruce-ex1,cnbruce-ex2,cnbruce-ex4

正常字型大小,200%的字型大小

本文標題: 網頁設計中常用的度量單位的介紹與比較

本文位址: /web/css/79979.html

常用的CSS度量單位

em 相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。ex 相對長度單位。相對於字元 x 的高度。此高度通常為字型尺寸的一半。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。px 畫素 pixel 相對長度單位...

Android UI設計 布局中常用的單位

布局中常用的單位有很多種,其中最常用的如下 1.畫素單位 px 此單位不推薦使用 其經常用在 手錶裝置 機頂盒裝置 中 2.適配的單位 dp 舊版使用 dip 推薦使用!優點是 在不同的解析度下 可以顯示幾乎相近的布局內容 缺點 未發現 例如 寬 1080px 的螢幕 其dpi為420,需要一塊螢幕...

網頁設計中常用到的Photoshop技巧

一 使用形狀圖層建立形狀。這樣做的好處是可以方便的對建立好的形狀的大小和顏色進行修改。方法是在選取了形狀工具 u 之後,在工具屬性欄上選擇形狀圖層,建立你所需要的形狀。如下圖 如果你對形狀的顏色不滿意,直接在圖層面板中雙擊圖層縮圖,改變形狀顏色。或者你對形狀大小不滿意,可以在工具欄中選擇直接選取工具...