css的長度分為兩種,相對的和絕對的。相對的肯定就是有參照物的,在參照物的基礎上放縮。但奇怪的是px是相對長度。
絕對長度就是現實世界的度量單位,為列印文件設計樣式可以使用這種單位。
單位識別符號
說明in
英吋cm
厘公尺mm
公釐pt
磅(1/72英吋)
pcpica(1pica等於12磅)
單位識別符號
說明em
與元素字型大小掛鉤
ex與元素字型的「x高度」掛鉤
rem與根元素的字型大小掛鉤
pxcss畫素
%另乙個屬性值的百分比
例如:2em就是當前font-size的兩倍。
1ex一般就是當前字母x的高度,1ex=0.5em。
rem則是根據根元素(html元素)的字型大小來計算,若根元素的字型大小為0.2in那麼2rem即為0.4in。
px不必多說。
%需要注意的是並非所有屬性都可用%,還有乙個與%掛鉤的其他屬性值並非完全相同,如font-size掛鉤的是繼承到的font-size,而width則是元素包含塊的寬度。
HTML5權威指南 建立布局
值 說明static 預設值,普通布局 relative 元素位置相對於static定位 absolute 元素相對於position值不為static的第一位祖先元素定位 fixed 元素相對於瀏覽器視窗定位 跟報紙的排版一樣 果然如同報紙一樣!書中寫的已經有些過時了。我就找一些資料按照書上的思路...
html5權威指南 標記文字
html5權威指南 第八章 用基本的文字元素標記內容 html5權威指南 第八章 標記文字 通用容器 p some span text span p 強調重要 i am very worried warning 表示不同情緒或聲音的文字,如內心對白 表示外來語 分類學名和技術術語等 fr oh la...
HTML5權威指南筆記 24 其他css屬性和特性
屬性說明值 color 設定元素的前景色 顏色 opacity 設定顏色的透明度 數值 例子 使用color屬性 color rgba 255,255,255,0.7 color red 例子 使用opacity屬性 opacity 0.4 屬性說明值 border collapse 設定相鄰單元格...