<button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins>
<button id="nc8ni"><form id="nc8ni"></form></button>
<form id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><button id="nc8ni"></button></ins>
<button id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins>
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><form id="nc8ni"></form></button>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins>
<button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form>
<ins id="nc8ni"><form id="nc8ni"></form></ins>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button>
<button id="nc8ni"></button>
<button id="nc8ni"></button>
訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

CSS中的單位一覽 包括寬度尺寸單位 顏色單位 角度單位

http://w3c.web600.net/ 2008/3/15 20:48:35 深山行者 字體: 瀏覽 12193

div+css常用單位

相對長(cháng)度單位  Relative Length Units

em
說(shuō)明:相對長(cháng)度單位。相對于當前對象內文本的字體尺寸。
如當前行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。
示例:
div { font-size : 1.2em; } 

ex
說(shuō)明:相對長(cháng)度單位。相對于字符“x”的高度。此高度通常為字體尺寸的一半。
如當前對行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。
示例:
div { font-size : 1.2ex; }


px
說(shuō)明:相對長(cháng)度單位。像素(Pixel)。
像素是相對于顯示器屏幕分辨率而言的。譬如,WONDOWS的用戶(hù)所使用的分辨率一般是96像素/英寸。而MAC的用戶(hù)所使用的分辨率一般是72像素/英寸。
示例:
div { font-size : 12px; }

 

--------------------------------------------------------------------------------

 

絕對長(cháng)度單位  Absolute Length Units

pt
說(shuō)明:
絕對長(cháng)度單位。點(diǎn)(Point)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 9pt; }


pc
說(shuō)明:
絕對長(cháng)度單位。派卡(Pica)。相當于我國新四號鉛字的尺寸。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 0.75pc; }

in
說(shuō)明:
絕對長(cháng)度單位。英寸(Inch)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 0.13in; }

cm
說(shuō)明:
絕對長(cháng)度單位。厘米(Centimeter)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 0.33cm; }

mm
說(shuō)明:
絕對長(cháng)度單位。毫米(Millimeter)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 3.3mm; }

 


--------------------------------------------------------------------------------

顏色單位  Color Units Reference


#RRGGBB
參數:
RR  : 紅色值。十六進(jìn)制正整數
GG  : 綠色值。十六進(jìn)制正整數
BB  : 藍色值。十六進(jìn)制正整數


說(shuō)明:
顏色單位。
以上三個(gè)參數,取值范圍為:00 - FF。
參數必須是兩位數。對于只有一位的,應在前面補零。
如果每個(gè)參數各自在兩位上的數字都相同,那么本單位也可縮寫(xiě)為 #RGB 的方式。例如:#FF8800 可以縮寫(xiě)為 #F80。
請參閱 附錄:顏色表 。
示例:
div { color: #FF0000; }
div { color: #F00; }

 

rgb(R,G,B)
參數:
R  : 紅色值。正整數 | 百分數
G  : 綠色值。正整數 | 百分數
B  : 藍色值。正整數 | 百分數


說(shuō)明:
顏色單位。
以上三個(gè)參數,正整數值的取值范圍為:0 - 255。百分數值的取值范圍為:0.0% - 100.0%。超出范圍的數值將被截至其最接近的取值極限。
并非所有瀏覽器都支持使用百分數值。
請參閱 附錄:顏色表 。
示例:
div { color: rgb(132,20,180); }
div { color: rgb(12%,200,50%); }

Color Name
說(shuō)明:
顏色單位。顏色名稱(chēng)。不同的瀏覽器會(huì )有不同的預定義顏色名稱(chēng)。請查看 附錄:顏色表 。
示例:
div {color: red; }

 

--------------------------------------------------------------------------------

 

時(shí)間單位  Time Units Reference

s
說(shuō)明:
時(shí)間單位。秒。時(shí)間的國際主單位。
1s = 1000 ms
示例:
div { pause-after: 2s; }
div { pause-before: 2s; }

 

ms
說(shuō)明:
時(shí)間單位。微秒。
1s = 1000 ms
示例:
div { pause-after: 2s; }
div { pause-before: 2s; }

 

角度單位  Angle Units Reference

deg
說(shuō)明:
角度單位。度。一個(gè)圓圈的360等分之一。
示例:
body { azimuth: 75deg }
body { elevation: 75deg }

 

grad
說(shuō)明:
角度單位。梯度。一個(gè)直角的100等分之一。一個(gè)圓圈相當于400grad。
示例:
body { azimuth: 75grad }
body { elevation: 75grad }

rad
說(shuō)明:
角度單位?;《?。把一個(gè)圓圈分成2*PI單位。
示例:
body { azimuth: 3rad }
body { elevation: 5rad }

 

頻率單位  Frequency Units Reference

kHz
說(shuō)明:
頻率單位。千赫。聲波的基本單位。
1kHz = 1000 Hz
示例:
strong { pitch: 8kHz } 

Hz
說(shuō)明:
頻率單位。赫茲。聲波的基本單位。
1kHz = 1000 Hz
示例:
strong { pitch: 75hz } 

 

相關(guān)閱讀
asp怎么得到像論壇一樣的第幾樓分頁(yè)
從百度扣下來(lái)的javascript日歷
asp中最難發(fā)現的錯誤由最簡(jiǎn)單的程序引起
取得鼠標所在位置的對象
網(wǎng)站首頁(yè)head區代碼規范
利用ASP正則查找文章里面的圖片,然后在新窗口打開(kāi)
深山留言板v4.8 - 5.13母親節模板
用ASP實(shí)現IE地址欄參數的判斷
共有0條關(guān)于《CSS中的單位一覽 包括寬度尺寸單位 顏色單位 角度單位》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱(chēng):
表 情:
內 容:
評論內容:不能超過(guò) 1000 字,需審核,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。
驗證碼: 驗證碼 
網(wǎng)友評論聲明,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì )、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。

更多信息>>欄目類(lèi)別選擇
百度小程序開(kāi)發(fā)
微信小程序開(kāi)發(fā)
微信公眾號開(kāi)發(fā)
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類(lèi)信息
jquery設置或獲取修改classname
利用css3.0寫(xiě)出一個(gè)音樂(lè )播放的唱片碟盤(pán)的效果
利用css中的scale()實(shí)現放大縮小效果
利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動(dòng)端自動(dòng)化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車(chē)帝小程序
javascript獲取瀏覽器指紋可以用來(lái)做投票
火狐Mozilla Firefox出現:無(wú)法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無(wú)法訪(fǎng)問(wèn) 問(wèn)題解決集合處理辦法
在A(yíng)ndroid、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過(guò)代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
溫州遠方國際旅行社
在線(xiàn)支付
另外一種符合web2.0的鏈接打開(kāi)方式--利用base打開(kāi)鏈接
旅行社網(wǎng)站管理系統免費版 V2.4
中國簽證行業(yè)領(lǐng)導者--91出國簽證網(wǎng)
uni-app開(kāi)發(fā)的微信小程序在線(xiàn)支付
亚洲精品456在线|S级爆乳玩具酱国产VIP皮裤|欧美成人精品第一区二区三区|久久永久免费人妻精品我不卡|亚洲欧洲日产无码
<button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins>
<button id="nc8ni"><form id="nc8ni"></form></button>
<form id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><button id="nc8ni"></button></ins>
<button id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins>
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><form id="nc8ni"></form></button>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins>
<button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form>
<ins id="nc8ni"><form id="nc8ni"></form></ins>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button>
<button id="nc8ni"></button>
<button id="nc8ni"></button>