css基礎樣式四

2022-07-29 19:30:12 字數 572 閱讀 8059

上次我們講到了相對定位;

這次我們了解下絕對定位;

絕對定位:

絕對定位會脫離文件流。所以之前的位置就會被後面的內容給填補

絕對定位的元素的位置相對於最近的已定位祖先元素,如果元素沒有已定位的祖先元素,那麼它的位置相對於最初的包含塊。

浮動:

如圖:浮動也會像絕對定位那樣脫離文字流,就相當於飄了起來,在天上,地上的位置就會空出來。

float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象,使文字圍繞在影象周圍,不過在 css 中,

任何元素都可以浮動。浮動元素會生成乙個塊級框,而不論它本身是何種元素。

浮動可以向左浮動也可以向右浮動。**如下:

div{

float:left;//向左浮動

float:right;//向右浮動

CSS基礎(四) 背景樣式

背景顏色和屬性包含以下內容 1 background color 背景顏色,可以針對布局標籤以及整個body進行顏色控制,改變背景顏色,而css中的color則是控制文字的顏色 注意 background image與img的區別 1 background image可以設定背景,可以在背景的基礎上...

CSS樣式(四) CSS定位

css定位 positioning 屬性 允許定義元素框相對於其正常位置應該改出現的位置,或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。一切皆為框 1 塊級元素 div h1或p標籤 即 顯示為一塊內容稱之為 塊框 2 行內元素 span,strong,a等元素 即 內容顯示在行中稱 行內框...

CSS基礎樣式

css指層疊樣式表,它作用是控制頁面內容的外觀。這樣就可以將網頁的內容和表現形式分離。層疊的意思是 如果選擇器的權重相同,則後面元素的樣式會覆蓋前面樣式。css樣式表由選擇器和宣告兩個部分組成,其中選擇器是通過名字來標識元素的,宣告用於定義元素的樣式。a 樣式表比較常見的有三種引入方式 1.行內樣式...