CSS屬性 背景屬性 or 浮動屬性

2022-09-28 23:33:18 字數 1249 閱讀 4512

background-color: red ;

background-image: url() ;

background-repeat: no-repeat / repeat / repeat-x /repeat-y ;

background-position: 水平位置 垂直位置 ; 可以給負值

background-attachment: scroll (滾動) / fixed (固定,固定在瀏覽器視窗裡面,固定之後就相對於瀏覽器視窗了)

background-size:400px 400px;

/* 1.400px 400px

2.100% 100%

3.cover 將背景擴充套件至足夠大,以使背景影象完全覆蓋背景區域

4.contain 把影象擴充套件至最大尺寸,以使其寬度和高度完全適應內容

區域,鋪不滿盒子留白

float:right;	元素靠右浮動

float:left; 元素靠左邊浮動

float:none; 元素不浮動

clear:none;		允許有浮動物件

clear:right; 不允許右邊有浮動物件

clear:left; 不允許左邊有浮動物件

clear:both; 不允許有浮動物件

注:清除浮動只是改變元素的排列方式,該元素還是漂浮著,不佔據文件位置。

給浮動的box盒子加乙個高度

給兄弟盒子box3加乙個clear:left;

建立乙個空盒子,寫內聯樣式清除浮動

使用overflow:hidden讓浮動元素計算高度

CSS核心屬性 浮動屬性

float 定義網頁中其他文字如何環繞該元素 語法 說明 left 元素活動浮動在文字左面 right 元素浮動在右面 none 預設值,不浮動 特點 1.div塊元素失去 塊狀 換行顯示特徵,變為行內元素 2.緊貼上乙個浮動元素 同方向 或父級元素得邊框。如寬度不夠將換行顯示 3.佔據行內元素的空...

浮動屬性CSS

這是第1個盒子 這是第2個盒子 這是第3個盒子 這是乙個div1 這是乙個div2 這是乙個span1 這是乙個span2 浮動的盒子可以向左浮動,也可以向右浮動,直到它的外邊緣碰到包含框或另乙個浮動盒子為止。本網頁中共有三個,分別代表日用品 圖書和鞋子。這裡使用這三個和本段文本來演示講解浮動在網頁...

css浮動屬性

1 為什麼需要浮動 html中的標籤元素大致分為三類 塊狀元素 內聯元素 內聯塊元素。每種元素都有其各自的特點,其中塊狀元素會獨佔一行,而內聯元素和內聯塊元素則會在一行內顯示。如果我們想讓兩個甚至多個塊狀元素在同一行顯示,這就需要用到css的浮動屬性。2 什麼是浮動 float 浮動 float 是...