一、位置
1.static:是預設值,使用之後則該元素不會被特別定位,而是照著瀏覽器的配置自動排版在網頁上。
2.relative:配合著top,right,bottom和left屬性使用,則該元素會根據設定做出相對的排版。
3.fixed:配合著top,right,bottom和left屬性使用,則該元素會根據設定做出固定的排版,不管頁面如何變動都不影響該元素的位置。
4.absolute:配合著top,right,bottom和left屬性使用,則該元素會根據設定並且參照其父元素做出排版。
5. sticky:功能介於relative與fixed中,當在設定值內時則與relative功能相同,當超出設定值時則與fixed功能相同,會將該元素固定在設定值。
最後一篇會特別介紹position是因為在我首次運用CSS寫網頁時被這東西困擾了很久,希望在我的詳細介紹下,能讓初次接觸者免除我當初的大困擾啊!!!另外,CSS還有很多其他的功能,有興趣的讀者可以至w3schools的官網上自行學習唷~
參考資料:
1.https://www.w3schools.com/css/css_positioning.asp