- 畫素是我們在網頁中使用的最多的乙個單位，
乙個畫素就相當於我們螢幕中的乙個小點，我們的螢幕實際上就是由這些畫素點構成的但是這些畫素點，是不能直接看見。
- 不同顯示器乙個畫素的大小也不相同，顯示效果越好越清晰，畫素就越小，反之畫素越大。
- 也可以將單位設定為乙個百分比的形式，這樣瀏覽器將會根據其父元素的樣式來計算該值
- 使用百分比的好處是，當父元素的屬性值發生變化時，子元素也會按照比例發生改變
- 在我們建立乙個自適應的頁面時，經常使用百分比作為單位
- em和百分比類似，它是相對於當前元素的字型大小來計算的
- 1em = 1font-size
- 使用em時，當字型大小發生改變時，em也會隨之改變
- 當設定字型相關的樣式時，經常會使用em
示例：
doctype html效果：>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>
title
>
<
style
type
="text/css"
>
.classa
.classb
.classc
style
>
head
>
<
body
>
<
div
class
="classa"
>
<
div
class
="classb"
>
div>
<
div
class
="classc"
>
div>
div>
body
>
html
>
前端開發中的長度單位詳解
在前端開發中，會遇到各種不同型別的長度單位，比如px,em,rem等。而整體的長度單位分為兩大類 相對長度和絕對長度。絕對長度單位是乙個固定的值，它反應乙個真實的物理尺寸。絕對長度單位視輸出介質而定，不依賴於環境 顯示器 解析度 作業系統等 相對長度都有乙個基準 其中，px,em和rem用的較多。需...
5 長度單位
網頁中的長度可以用下面兩種方式來表示 長度單位 1.畫素 px 畫素是我們在網頁中使用的最多的乙個單位，乙個畫素就相當於我們螢幕中的乙個小點，我們的螢幕實際上就是由這些畫素點構成的 但是這些畫素點，是不能直接看見。不同顯示器乙個畫素的大小也不相同，顯示效果越好越清晰，畫素就越小，反之畫素越大。2.百...
html 長度單位
pt 點。一般為網頁中標識字型的單位。px 象素。一般也為網頁中標識字型的單位。兩種關係 一英吋 72pt 點 96px 畫素 網頁中最常用到的 9pt 12px。在flash中一般也是字型的常用標識單位。字型大小的設定單位，常用的有2種 px pt。這兩個有什麼區別呢？先搞清基本概念 px就是表示...