初學牛腩CSS核心內容標準流,盒子模型,浮動,定位

2021-08-17 04:50:20 字數 952 閱讀 7743

最近剛剛學習牛腩,因為考試很多,效率有點低,所以學的有些慢,但是**說過多總結是好的,所以我覺得雖然看起來很小的東西,本著對自己負責的態度,還是寫出來吧,給腦子騰個地方。

在講css核心內容時候,它提前講了什麼是核心內容,包括以下幾個方面:標準流,盒子模型,浮動,定位。

標準流:又稱標準文件流,就是標籤的排列方式,包括以下兩個方面:

塊級元素::

,他的效果是單獨佔了一行

行內元素: 表示一行裡面的資料,不像塊級元素一樣,單獨佔一行。

盒子模型:我理解的盒子模型就是把內容像放在乙個盒子裡一樣,就像我們生活中常見的相框相簿一樣:

其實就是把我們要顯示的東西裝在乙個有邊框的盒子裡,顯示出來好看。

浮動(float):讓螢幕上的東西可以換位置,float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象,使文字圍繞在影象周圍,不過在 css 中,任何元素都可以浮動。浮動元素會生成乙個塊級框,而不論它本身是何種元素。

如果浮動非替換元素,則要指定乙個明確的寬度;否則,它們會盡可能地窄。

假如在一行之上只有極少的空間可供浮動元素,那麼這個元素會跳至下一行,這個過程會持續到某一行擁有足夠的空間為止。

定位:分為相對定位和絕對定位,還有上面說的浮動,

css 為定位和浮動提供了一些屬性,利用這些屬性,可以建立列式布局,將布局的一部分與另一部分重疊,還可以完成多年來通常需要使用多個**才能完成的任務。

定位的基本思想很簡單,它允許你定義元素框相對於其正常位置應該出現的位置,或者相對于父元素、另乙個元素甚至瀏覽器視窗本身的位置。顯然,這個功能非常強大,也很讓人吃驚。要知道,使用者**對 css2 中定位的支援遠勝於對其它方面的支援,對此不應感到奇怪。

定位和浮動的關係:

css1 中首次提出了浮動,它以 netscape 在 web 發展初期增加的乙個功能為基礎。浮動不完全是定位,不過,它當然也不是正常流布局。

總結:每次學習都要總結,這樣進步就會更大的

CSS核心內容之浮動

1.向指定的方向浮動,並且讓出空間 2.如果後面的元素也是浮動的,那麼後面的元素就會在碰到前面的浮動的元素或者邊框時,就定位在那裡 3.如果後面的元素沒有浮動,則該元素就會在浮動的元素的下面 4.行內元素和塊元素都可以浮動,行內元素浮動後會變成塊元素 5.浮動的元素不占用空間 div1 div2 d...

CSS核心內容之浮動

1.向指定的方向浮動,並且讓出空間 2.如果後面的元素也是浮動的,那麼後面的元素就會在碰到前面的浮動的元素或者邊框時,就定位在那裡 3.如果後面的元素沒有浮動,則該元素就會在浮動的元素的下面 4.行內元素和塊元素都可以浮動,行內元素浮動後會變成塊元素 5.浮動的元素不占用空間 div1 div2 d...

JPA核心內容

二 對應的狀態 三.物件之間的關係 四.單向多對一的配置 五 二級快取 id generatedvalue strategy generationtype.identity sequence auto table private long id 臨時,持久,刪除,游離 乙個持久化狀態的物件,如果被修...