首頁 >web前端 >css教學 >css有哪些核心技術

css有哪些核心技術

coldplay.xixi
coldplay.xixi原創
2021-01-20 16:05:323638瀏覽

css的核心技術有:1、浮動float,讓原來的元素脫離文檔流,實現左右排列;2、定位position,relative即使偏移,原始位置還在;3、行高【line -height】,預設字體大寫為16px。

css有哪些核心技術

本教學操作環境:windows10系統、css3版,DELL G3電腦,此方法適用於所有品牌電腦。

推薦:css影片教學

css的核心技術有:

1,浮動float

  • 讓原來的元素脫離文檔流,實現左右排列,

  • 不設定寬度為最小寬度(內部元素的寬度)

  • float會壓在區塊級元素的上面,但不會壓在行內元素的上面;也不會壓在區塊級元素的文字上面

  • float的副作用/清除浮動的三種方法

2,定位position

relative

  • 即使偏移,原始位置仍在

  • 相對自己進行偏移

absolute

  • #偏移了,位置就沒了
  • 相對最近的relative/absolute父元素進行偏移

##### #3,行高line-height#########預設字體大寫為16px;#########4,同一行的div的對齊方式:基線對齊###### #########如果有文字,則文字最下方為基線############如果有行內元素,則以行內元素最下方為基線###### ######如果沒有文字,則div的底線為基準############註:以類別繼承的方式設定CSS樣式###

以上是css有哪些核心技術的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

相關文章

看更多