CSS百分比字型大小的參照物件
一般情況下設定字型的大小都是以精確的數字方式,例如:
[CSS] 純文字檢視 複製程式碼div{font-size:14px}
以上程式碼可以將div中的字型設定為14px。
但是有時候也會以百分比的形式設定字型的大小,這時候就要涉及到這個百分比是以誰為參考物件的。
看一段程式碼例項:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>CSS教程</title> <style type="text/css"> #box{font-size:12px} #box div{font-size:300%} </style> <script type="text/javascript"> window.onload=function(){ var inner=document.getElementById("inner"); if(document.all){ alert(inner.currentStyle.fontSize) } else{ alert(window.getComputedStyle(inner,null).fontSize) } } </script> </head> <body> <div id="box"> <div id="inner">螞蟻部落歡迎您</div> </div> </body> </html>
相關文章
- em字型大小參考物件物件
- CSS字型大小之em,px,百分比CSS
- CSS字型大小: em與px、pt、百分比之間的對比CSS
- CSS如何設定字型的大小CSS
- margin 百分比 參考物件物件
- CSS 設定字型顏色和大小CSS
- padding 百分比 參考物件padding物件
- margin尺寸百分比時的參考物件是誰物件
- CSS知識點之字型大小屬性font-sizeCSS
- JavaScript控制字型大小JavaScript
- (高階)用CSS3新增的rem單位設定字型大小CSSS3REM
- css字型CSS
- 自定義Toast的背景顏色大小及字型大小AST
- ReactNative字型大小不隨系統字型大小變化而變化React
- Android EditText 修改提示字型的大小Android
- CSS font 字型CSS
- 3、CSS 字型CSS
- CSS--字型CSS
- 如何調整Pycharm字型大小PyCharm
- CSS 字型新玩法之彩色字型CSS
- CSS 凹凸字型和發光字型CSS
- CSS單位em是相對於父元素還是當前元素的字型大小?CSS
- HANA SQL參考及Oracle對照SQLOracle
- 【震驚】padding-top的百分比值參考物件竟是父級元素的寬度padding物件
- Intellij IDEA 設定字型的大小IntelliJIdea
- css字型設定CSS
- css字型樣式CSS
- css 字型漸變CSS
- Android中TabLayout修改字型大小AndroidTabLayout
- Spring tool suite修改字型大小SpringUI
- EditText只改變Hint字型大小
- Word教程 字型大小知多少(轉)
- oracle 常用命令及參照方法Oracle
- maven標準目錄結構參照Maven
- Teradata物件簡寫對照物件
- win10電腦字型大小怎麼設定_win10如何設定字型大小Win10
- css顏色程式碼對照CSS
- win10字型大小怎麼調 win10系統修改字型大小方法介紹Win10