CSS中有什么定位的方式

發(fā)布時(shí)間：2022-05-12 11:31:56 來(lái)源：億速云閱讀：139 作者：zzz 欄目：編程語(yǔ)言

今天小編給大家分享一下CSS中有什么定位的方式的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

1、在靜態(tài)定位的情況下，每個(gè)元素都處于常規(guī)文檔流中。他們都是塊元素，所以會(huì)從上到下堆疊在頁(yè)面上。

position: static;

2、相對(duì)定位相對(duì)于文檔流中的原始位置(或默認(rèn)位置)

元素原始位置的空間仍然保持不被占用，元素移動(dòng)到頁(yè)面的其他位置，元素在新位置響應(yīng)事件。

position: relative;

3、絕對(duì)定位下，元素從文檔流中被“連根拔起”，然后再相對(duì)于其他元素（在這里，是默認(rèn)的定位上下文 body）定位。

position: absolute;

4、固定定位元素的定位上下文是視口(瀏覽器窗口或手持設(shè)備的屏幕)，所以不會(huì)隨著頁(yè)面的滾動(dòng)而移動(dòng)。固定定位適合懸浮標(biāo)簽效果，頁(yè)面滾動(dòng)時(shí)總是懸浮在特定位置。

position: fixed;

css的三種引入方式

1.行內(nèi)樣式，最直接最簡(jiǎn)單的一種，直接對(duì)HTML標(biāo)簽使用style=""。2.內(nèi)嵌樣式，就是將CSS代碼寫在之間，并且用

進(jìn)行聲明。3.外部樣式，其中鏈接樣式是使用頻率最高，最實(shí)用的樣式，只需要在之間加上

就可以了。其次就是導(dǎo)入樣式，導(dǎo)入樣式和鏈接樣式比較相似，采用@import樣式導(dǎo)入CSS樣式表，不建議使用。

以上就是“CSS中有什么定位的方式”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)