亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

淺析CSS 屬性之中經常出現的百分比

2024-07-11 09:05:59
字體：大 中 小
來源：轉載
供稿：網友
CSS 的屬性值中經常會出現百分比，搞清它們的基數是一件很重要的事情。我特意查看了一下 W3C 的 CSS2.1 標準，在此整理下： 

百分比單位 

乘以包含塊的寬度 margin, padding, left, right, text-indent, width, max-width, min-width 

乘以包含塊的高度 top, bottom, height, max-height, min-height 

關于包含塊（containing block）的概念，不能簡單地理解成是父元素。如果是靜態定位和相對定位，包含塊一般就是其父元素。但是對于絕對定位的元素，包含塊應該是離它最近的 position 為 absolute、relative、或者 fixed 的祖先元素。對固定定位的元素，它的包含塊是視口（viewport）。具體可以參考 W3Help。 

乘以元素的字體大小 line-height 

乘以元素的行高 vertical-align 

背景定位中的百分比 background-position 分別設置水平方向和垂直方向上的兩個值，如果使用百分比，那么百分比值會同時應用于元素和圖像。例如 50% 50% 會把圖片的（50%, 50%）這一點與框的（50%, 50%）處對齊，相當于設置了 center center。同理 0% 0% 相當于 left top，100% 100% 相當于 right bottom。 

字體大小中的百分比 font-size 中的百分比值應該乘以元素所繼承到的字體大小，也就是父元素的字體大小。 

其他字體單位 既然說到了字體大小，順便八一八其他的字體單位吧，有些可能平時并不會用，但是了解一下也沒有壞處。有兩個相對單位是： 

em——相當于當前的字體高度，稱作“全身方框”（em square）。如果在 font-size 上使用這個單位，應該乘以父元素的字體大小。用在 font-size 之外的屬性上，則應該乘以元素自身的字體大小。 ex——相當于字體中的”x”的高度。 以下是絕對單位： 

in——英寸（inch），相當于 2.54cm。 cm——厘米（centimeter）。 mm——毫米（millimeter）。 pt——磅（point）。1pt 相當于 1in 的 1/72。 pc——皮卡（pica）。1pc = 12pt。 px——像素（pixel unit）。1px = 0.75pt。 

百分比的繼承 

如果某個元素設置了百分比的屬性，則后代元素繼承的是計算后的值。例如： 

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美中文字幕在线| 久久久女女女女999久久| 欧美性xxxx在线播放| 8090理伦午夜在线电影| 国产做受高潮69| 亚洲社区在线观看| 国产91成人在在线播放| www.亚洲一区| 亚洲国产黄色片| 在线精品国产成人综合| 欧美一区视频在线| 久久91超碰青草是什么| 亚洲精品乱码久久久久久按摩观| 国产啪精品视频网站| 欧美电影院免费观看| 日韩美女免费线视频| 亚洲精品成人久久久| 丰满岳妇乱一区二区三区| 操91在线视频| 欧美日韩另类视频| 日韩在线视频国产| 国产高清视频一区三区| 中文字幕av一区中文字幕天堂| 欧美一区深夜视频| 亚洲国产毛片完整版| 亚洲天堂男人天堂| 中文字幕欧美专区| 九九久久精品一区| 日本久久久久久久| 2020久久国产精品| 久久亚洲精品国产亚洲老地址| 国产97色在线|日韩| 欧美成aaa人片在线观看蜜臀| 成人福利网站在线观看11| 97久久伊人激情网| 国产精品极品尤物在线观看| 福利精品视频在线| 在线观看91久久久久久| 欧美黄色小视频| 97国产成人精品视频| 亚洲天天在线日亚洲洲精| 日韩在线视频国产| 亚洲美女视频网| 日韩二区三区在线| 成人国产精品色哟哟| 久久久国产精品免费| 一区二区三区四区视频| 国产在线日韩在线| 亚洲成年人在线播放| 欧美日韩午夜激情| 久久欧美在线电影| 欧美成人四级hd版| 日韩精品欧美国产精品忘忧草| 国产91精品最新在线播放| 国产精品久久久久久久久久久久| 动漫精品一区二区| 国产精自产拍久久久久久| 亚洲国产成人精品久久| 亚洲天堂第二页| 亚洲夜晚福利在线观看| 亚洲精品国产品国语在线| 国产精品免费小视频| 欧美日韩午夜激情| 亚洲免费视频观看| 成人免费淫片视频软件| 在线激情影院一区| 日本亚洲欧美三级| 日韩av在线精品| 九九热这里只有在线精品视| 国产精品视频自在线| 日韩美女在线看| 中文字幕不卡av| 777午夜精品福利在线观看| 日本精品久久中文字幕佐佐木| 日韩精品在线观看视频| 欧美激情视频在线观看| 中文字幕亚洲一区二区三区| 一区二区三区久久精品| 国产精品日韩专区| 日韩成人xxxx| 亚洲天堂精品在线| 成人免费视频xnxx.com| 日韩av在线网页| 欧美性猛交xxxxx免费看| 欧美激情亚洲另类| 中文在线资源观看视频网站免费不卡| 国产欧美精品一区二区| 亚洲国产日韩一区| 97视频在线观看播放| 一本大道久久加勒比香蕉| 97免费视频在线| 国产精品视频男人的天堂| 亚洲一区二区日本| 国产一区二区三区在线看| 亚洲国产精品99| 国产精品久久久久久久久免费看| 欧美丝袜第一区| 国产97在线|日韩| 欧美性极品少妇精品网站| 精品久久久久久久久久国产| 欧美激情久久久久久| 亚洲国产古装精品网站| 欧美亚洲激情在线| 中文字幕亚洲在线| 国产精品免费福利| 日韩精品极品在线观看| 久久久精品一区| 国产亚洲精品成人av久久ww| 日韩在线视频中文字幕| 91久久在线视频| 国产精品福利网站| 国产精品久久久久久亚洲影视| 国产精品中文字幕在线| 日本a级片电影一区二区| 日韩在线视频中文字幕| 中文字幕日韩在线观看| 中日韩午夜理伦电影免费| 最好看的2019年中文视频| 欧美日韩在线视频一区二区| 国产日韩欧美自拍| 亚洲精品国产精品久久清纯直播| 中文字幕日韩欧美精品在线观看| 国产精品女人久久久久久| 欧美黑人xxx| 国产精品久久一区主播| 日韩不卡中文字幕| 国产日韩欧美影视| 亚洲第一网站免费视频| 日韩欧美主播在线| 亚洲国产精品嫩草影院久久| 亚洲黄色有码视频| 欧美裸体男粗大视频在线观看| 奇门遁甲1982国语版免费观看高清| 亚洲综合一区二区不卡| 久久久国产视频91| 亚洲自拍在线观看| 亚洲精品97久久| 日韩欧美在线观看| 日韩成人在线电影网| 欧美性生活大片免费观看网址| 欧美激情二区三区| 欧美日韩国产精品一区二区不卡中文| 午夜伦理精品一区| 97视频在线观看成人| 亚洲精品福利免费在线观看| 成人精品在线观看| 97在线免费观看视频| 国产精品日韩在线一区| 热99精品里视频精品| 国产欧美日韩视频| 午夜精品久久久久久99热软件| 日韩精品中文字幕在线| 久久人人看视频| 91成人性视频| 欧美精品在线播放| 久久精品亚洲精品| 大伊人狠狠躁夜夜躁av一区| 久久国产精品首页| 日韩一区二区在线视频| 一区二区欧美激情| 亚洲综合视频1区| 亚洲精品久久久一区二区三区| 欧美国产日产韩国视频| 日韩欧美成人区|