詳解CSS中的幾種長度px、em、pt
說說css的幾種距離吧,大致有px、em、pt、pc、in、mm、cm、ex八種,其中最常見到的是px,我還見到過的有ex和mm、cm,當然後兩個在當年見的更多。
其實px,我們最熟悉,而在電腦上也應用最多,因為顯示器的解析度就是...px*....px,我們知道解析度的話是不是對於瀏覽器最大時對介面的實際更方便簡潔,應該有這麼個原因吧。
而em則是相對長度單位,是相對於系統的預設字型尺寸來的;
至於我們最常見的mm和cm就是我們純正意義上的cm和mm了,他們都是絕對長度單位,帶了“絕對”也就知道了吧。
而剩下的四個,我見得比較少,不過這裡 也還是把它的一些問題簡單記錄下吧:
ex同樣是相對長度,而它的參照則不是系統預設的字型尺寸了,而是相對於字元"x"的高度;
in、pc、pt則都是絕對長度,他們之間的換算關係為:1in=2.54cm=25.4mm=72pt=6pc;
當然相對長度也有其相應的換算關係,那就是:16px=1em=100%=12pt;
需注意,px尚存在弊端:在ie6下,無法實現字型縮放的功能。
相關推薦
詳解CSS中的幾種長度px、em、pt
說說css的幾種距離吧,大致有px、em、pt、pc、in、mm、cm、ex八種,其中最常見到的是px,我還見到過的有ex和mm、cm,當然後兩個在當年見的更多。 其實px,我們最熟悉,而在電腦上也應用最多,因為顯示器的解析度就是...px*....px,我們知道解析度的話是不是對於瀏覽器最大時
詳解CSS中:nth-child的用法
下面我將用幾個典型的例項來給大家講解:nth-child的實際用途: Tips:還用低版本的IE瀏覽器的哥們請繞過! :nth-child(2)選取第幾個標籤,“2可以是你想要的數字” .demo01 li:nth-child(2){background:#090} :nth-c
詳解 Java 中 4 種 I/O 模型
同步、非同步、阻塞、非阻塞都是和I/O(輸入輸出)有關的概念,最簡單的檔案讀取就是I/O操作。而在檔案讀取這件事兒上,可以有多種方式。 本篇會先介紹一下I/O的基本概念,通過一個生活例子來分別解釋下這幾種I/O模型,以及Java支援的I/O模型。 基本概念 在解釋I/O模
個人關於css中幾種取消浮動對於其他元素影響的見解
1、直接給父級元素新增高度 div可以直接定義width和height,且因為div為塊級元素會直接佔用其高度所在的行,無法並排存放第二個div。若該div不定義初始高度,則他的高度和寬度由該div中巢狀的元素大小決定,可能是文字元素或者是非文字元素。換一種說法也就是
詳解css中的display屬性(行內元素和塊級元素)
display屬性 首先,所有主流瀏覽器都支援 display 屬性。其次,我們都知道display 屬性規定元素應該生成的框的型別。預設值:inline 我們常用的display屬性值有: inline block inline-block none 把 display
詳解堆疊的幾種實現方法——C語言版
基本的抽象資料型別(ADT)是編寫C程式必要的過程,這類ADT有連結串列、堆疊、佇列和樹等,本文主要講解下堆疊的幾種實現方法以及他們的優缺點。 堆疊(stack)的顯著特點是後進先出(Last-In First-Out, LIFO),其實現的方法有三種可選方
詳解CSS中clear屬性both、left、right值的含義
clear的值有四個 none:允許兩邊都可以有浮動物件; both:不允許有浮動物件; left:不允許左邊有浮動物件; right:不允許右邊有浮動物件。 老實說,我沒真正理解字面上的意思,因為這幾段話是有歧義的,例如clear:right的解釋是“不允許右邊有浮動物件
詳解SQL的四種連線-左外連線、右外連線、內連線、全連線
1、內聯接(典型的聯接運算,使用像 = 或 <> 之類的比較運算子)。包括相等聯接和自然聯接。 內聯接使用比較運算子根據每個表共有的列的值匹配兩個表中的行。例如,檢索 students和courses表中學生標識號相同的所有行。 2、
css中的px、em、rem 詳解
博客 選擇 原因 www order size arc 字體 處理 概念介紹: 1、px (pixel,像素):是一個虛擬長度單位,是計算機系統的數字化圖像長度單位,如果px要換算成物理長度,需要指定精度DPI(Dots Per Inch,每英寸像素數),在掃描打印時一般
js中幾種實用的跨域方法原理詳解
自身 標簽 cdc 返回 屬性和方法 插入 實用 封裝 判斷 這裏說的js跨域是指通過js在不同的域之間進行數據傳輸或通信,比如用ajax向一個不同的域請求數據,或者通過js獲取頁面中不同域的框架中(iframe)的數據。只要協議、域名、端口有任何一個不同, 都被當作是不同
JS 中幾種實用的跨域方法原理詳解
這裡說的js跨域是指通過js在不同的域之間進行資料傳輸或通訊,比如用ajax向一個不同的域請求資料,或者通過js獲取頁面中不同域的框架中(iframe)的資料。只要協議、域名、埠有任何一個不同,都被當作是不同的域。 下表給出了相對http://store.company.com/dir/page
詳解ES6中的幾種解決非同步的方式
前置知識準備 Generator 函式 執行會返回一個迭代器(Iterator), 在迭代器上可以呼叫 next() 方法, 執行下一個 yield 或 return 呼叫 next() 方法,會返回一個物件 {value: res, done: false} , value 的值 為 yield 之
《從0到1學習Flink》—— Flink 中幾種 Time 詳解
前言Flink 在流程式中支援不同的 Time 概念,就比如有 Processing Time、Event Time 和 Ingestion Time。 下面我們一起來看看這幾個 Time: Processing TimeProcessing Time 是指事件被處理時機器的系統時間。 當流程式在 Pr
php中幾種常見安全設定詳解
php中幾種常見安全設定詳解 另外,目前鬧的轟轟烈烈的SQL Injection也是在PHP上有很多利用方式,所以要保證安全,PHP程式碼編寫是一方面,PHP的配置更是非常關鍵。 我們php手手工安裝的,php的預設配置檔案在 /usr/local/apache2/conf/ph
詳解VB中連線access資料庫的幾種方法
在VB中,連線ACCESS資料庫的方法主要有下面三種 使用ADO物件,通過編寫程式碼訪問資料庫 Connection 物件
詳解vue中的元件通訊的幾種方式(一)
在另一篇文章我們會談及祖父孫三級之間的通訊,傳送門:vue元件通訊的方式(二) 1.父元件向子元件傳值(繫結屬性): 首先我們定義一個父元件father.vue: <template> <div> <h1>父元件</h1
詳解 Java 中的三種代理模式
繼承 jvm 保存 3.2 指令集 throwable eth args 代理類 代理模式 代理(Proxy)是一種設計模式,提供了對目標對象另外的訪問方式;即通過代理對象訪問目標對象.這樣做的好處是:可以在目標對象實現的基礎上,增強額外的功能操作,即擴展目標
Spark中的Spark Shuffle詳解(多看幾遍)
Shuffle簡介 Shuffle描述著資料從map task輸出到reduce task輸入的這段過程。shuffle是連線Map和Reduce之間的橋樑,Map的輸出要用到Reduce中必須經過shuffle這個環節,shuffle的效能高低直接影響了整個程式的效能和吞吐量。因為在分散式情況
Java中Map的 entrySet() 詳解以及用法(四種遍歷map的方式)
Entry 由於Map中存放的元素均為鍵值對,故每一個鍵值對必然存在一個對映關係。 Map中採用Entry內部類來表示一個對映項,對映項包含Key和Value (我們總說鍵值對鍵值對, 每一個鍵值對也就是一個Entry) Map.Entry裡面包含getKey()和getValue(
【C++學習筆記】詳解C++中的三種智慧指標
一、簡介 由於 C++ 語言沒有垃圾回收機制,程式設計師每次 new出來的記憶體都要手動 delete。程式設計師忘記 delete,有可能就會造成記憶體洩漏,程式崩潰等嚴重的後果。用智慧指標便可以有效緩解這類問題,本文主要講解常見的智慧指標的用法。包括:s