CSS中的長度值有哪些
這篇文章主要介紹“CSS中的長度值有哪些”，在日常操作中，相信很多人在CSS中的長度值有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS中的長度值有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
創新互聯公司始終致力于在企業網站建設領域發展。秉承“創新、求實、誠信、拼搏”的企業精神，致力為企業提供全面的網絡宣傳與技術應用整體策劃方案，為企業提供包括“網站建設、響應式網站建設、手機網站建設、微信網站建設、微信平臺小程序開發、商城系統網站開發、平臺網站建設秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。
目前比較常用到px（像素）、em、% 百分比，要注意其實這三種單位都是相對單位。
1、像素
像素為什么是相對單位呢？因為像素指的是顯示器上的小點（CSS規范中假設“90像素=1英寸”）。實際情況是瀏覽器會使用顯示器的實際像素值有關，在目前大多數的設計者都傾向于使用像素（px）作為單位。
2、em
就是本元素給定字體的 font-size 值，如果元素的 font-size 為 14px ，那么 1em = 14px；如果 font-size 為 18px，那么 1em = 18px。如下代碼：
p{font-size:12px;text-indent:2em;}
上面代碼就是可以實現段落首行縮進 24px（也就是兩個字體大小的距離）。
下面注意一個特殊情況：
但當給 font-size 設置單位為 em 時，此時計算的標準以 p 的父元素的 font-size 為基礎。如下代碼：
html:
<p>以這個<span>例子</span>為例。</p>
css:
p{font-size:14px}
span{font-size:0.8em;}
結果 span 中的字體“例子”字體大小就為 11.2px（14 * 0.8 = 11.2px）。
3、百分比
p{font-size:12px;line-height:130%}
設置行高（行間距）為字體的130%（12 * 1.3 = 15.6px）。
到此，關于“CSS中的長度值有哪些”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注創新互聯網站，小編會繼續努力為大家帶來更多實用的文章！
當前文章：CSS中的長度值有哪些
網頁路徑：http://m.kartarina.com/article14/gecede.html
成都網站建設公司_創新互聯，為您提供企業建站、軟件開發、App設計、商城網站、響應式網站、全網營銷推廣
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
