CSS裡font size的寫法導致的bug

2021-07-16 21:31:13 字數 693 閱讀 8991

寫這篇部落格之前,首先要宣告一下,我是乙個新人,很新很新的新人,才學css沒多久,並不精通。如果有什麼寫得不對的地方還希望前輩能夠幫忙指出。當然今天我解決的這個問題困擾了我一段時間,我一定要把這些點點滴滴記下來。雖然說是解決了問題,但也只是在我寫的程式裡面暫時性的解決,因為我並不知道具體的原因,以後如果遇見同樣的問題還是會比較麻煩,所以還請前輩們多多指教了。

接下來就簡單地進行描述:

這是我的css:

* 

a.menu

.menu ul li

.menu ul li ul li

.menu ul li:hover ul li

這是我的html:

開啟這個html後可以發現在教材和語文之間出現了明顯的空隙

接下來對css少做修改,至修改

a
中的**,刪除font-size這句話,然後將這句話放在.menu{}中保證字型大小不變

a
.menu
再來檢視html

可以看見這個縫隙消失了。我想大概就是font-size的使用的原因吧,但具體是為什麼並不清楚,畢竟我也只是一名新人,接下來如果有前輩肯賜教,實在萬分感謝

CSS高階(十三)font size

line height 的數值屬性值和 百分比值屬性值都是相對於 font size ex是x字元的高度 em在 css 中,1em 的計算值等同於當前元素所在的 font size 計算值,可以將 其想象成當前元素中 如果有 漢字的高度 remroot em css3單位 ie9上支援 使用svg...

font size裡的pt與px的區別

在看css中遇到的小問題 px和pt的區別?其實就是英文縮寫 px pixel 畫素,是最基本的點 pt point 是印刷行業常用單位,1 磅等於 1 72 英吋,或大約等於 1 厘公尺的 1 28。px是乙個點,我們無法描述一點的大小。於是引入了畫素這個概念。點很小,那畫面就清晰,我們稱它為 解...

漫談CSS之字型大小font size

字型大小的單位主要有 說明 1.em單位是相對使用者瀏覽器的預設字型大小而言 2.ex是相對 高度而言 3.px是相對電腦螢幕所能顯示的最小的點 如何使文字大小在不同瀏覽器和作業系統上保持一致 說說em如何使用 首先舉個栗子例如,預設瀏覽器字型大小為16px 把body元素的font size設定為...