(2)CSS指定長度的三種方式

2021-06-21 15:43:41 字數 493 閱讀 9511

(1)相對長度

相對長度有三種型別:與螢幕解析度相關的畫素和與字型大小相關的em與ex

1. px畫素:螢幕解析度是指每英吋有多少畫素點,大多數計算機螢幕的解析度為72畫素點每英吋(dpi),故對於不同解析度的螢幕,同一畫素值顯示大小是不同的。

2. em:其單位相當於當前字型的高度,常用於度量包含文字的元素以及控制文字間距。

3. ex:單位為小寫字母x的高度(不同字型,小寫字母x的高度不同)

(2)絕對長度

通常來說,絕對單位的使用遠少於相對長度,下圖給出了絕對長度單位:

1點是一英吋的1/72,即大多數螢幕(72dpi)中乙個畫素的長度。

(3)百分比

百分比給出相對於另乙個值的百分比。

CSS 2 三種引用方式

1.行內式css 在工作專案中,用得很少 行內式的影響範圍 非常小,只能影響到當前乙個標籤 寫在標籤的內部書寫格式 標籤名 style 屬性名1 屬性值1 屬性名2 屬性值2 屬性名3 屬性值3 內容這是 2.內嵌式css 在head標籤中寫style標籤書寫格式,當然理論上他可以放在html文件的...

CSS三 CSS的三種引入方式

css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。一 行內樣式 使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用,在測試的時候可以使用。例如 我是p標籤 二 內部樣式表 在style標籤中書寫css style標籤寫在head標籤中。示例 例...

CSS三 CSS的三種引入方式

css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。一 行內樣式 使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用,在測試的時候可以使用。例如 我是p標籤 二 內部樣式表 在style標籤中書寫css style標籤寫在head標籤中。示例 例...