關於CSS學習的一些總結

2021-09-26 14:23:37 字數 472 閱讀 9940

接觸css有很長的一段時間了,我對它的感情每次都有些不同,簡單··· 費解··· 神奇···  好玩···

css就是這麼一門不正交的語言,你無需一步步從頭學起,它就像樂高積木,學會了一點就能用上一點。

儘管css不正交,屬性也比較多不好記,但沒關係,你只要記住用的最多的幾種方法足矣應付業務中大部分需求:

除了以上用的最多的幾種方法外,我們還需要知道css一些基本常識:

line-height: normal 是基於字型度量計算出來的

line-height: n (n=1,2,3…) 可能得出乙個比 virtual-area 還要矮的 content-area

vertical-align 不靠譜

line-box 的高度的受其子元素的 line-height 和 vertical-align 的影響

我們無法輕易的用 css 來控制字型度量

關於CSS定位的一些總結

所有主流瀏覽器都支援 position 屬性。position屬性規定元素的定位型別,影響元素框生成的方式。值描述 absolute 生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位,如果不存在這樣的父元素,則依據最初的包含快。根據使用者 的不同,最初的包含塊可能是畫布或 h...

關於css定位的一些自我總結

在瀏覽 時 我們經常會看到一些 文字在上面 導航欄一直在頁面的最上面之類的 css定位position允許你對元素進行定位 它常用的屬性值一般為5個分別為 static 預設值 設定該屬性是元素會正常顯示 不會識別 left right top bottom指定的座標 absolute 絕對定位,相...

CSS一些總結

1.display block 塊元素,預設寬度為100 可以設定元素的寬高,預設佔滿一行。塊元素包括div,h1 h6,form,table,ul,ol等 inline 行內元素,預設寬度為內容的寬度,width和height對inline元素無效,margin top和bottom對行內元素無效...